Embed Live Trading Results on Wix, Webflow, Squarespace or Shopify

A live trading widget is one snippet of HTML. Every website builder can take it, but each one hides the right element under a different name, and each one has a quirk.

This page is a lookup table with instructions: find your builder, follow four steps, read the one warning. For WordPress there is a separate guide.

📋 The Snippet You Are Pasting

You get it from ShowMyTrades: connect your account (MetaTrader, cTrader or TradeLocker), publish it, open Widgets in the dashboard and copy the code. All of it is free.

<iframe
  id="smt-equity-a1b2c3d4e"
  src="https://showmytrades.com/widget/YOUR-ACCOUNT-SLUG?type=equity&theme=light"
  width="100%"
  height="400"
  loading="lazy"
  frameborder="0"
  style="border-radius: 8px; width: 100%;">
</iframe>
<script>
(function() {
  var iframe = document.getElementById('smt-equity-a1b2c3d4e');
  window.addEventListener('message', function(e) {
    if (e.data?.type === 'widget-resize' && e.source === iframe.contentWindow) {
      iframe.height = e.data.height;
    }
  });
})();
</script>

It has two parts. The <iframe> is the widget. The <script> lets the widget tell your page how tall it is, so the frame grows and shrinks with its content. Some builders run that script, some do not: that is the quirk to know for each.

Some builders ask for a web address instead of code. In that case use only the address inside src="…": that address is the widget.

🟦 Wix

1. In the editor click Add Elements (the +).
2. Choose Embed Code, then Embed HTML.
3. Click Enter Code, paste the whole snippet and click Update.
4. Drag the element to the width and height you want, then publish.

The quirk. Wix places your code inside a frame of its own, with the size you drag. The widget cannot resize that outer frame, so the script has no effect here: set the height by hand, a little taller than the widget needs, and check it on the mobile view too. The fixed-height widgets (Stats Card, Stats Inline) are the easiest fit on Wix.

🟪 Webflow

1. Open the Add panel and find Code Embed.
2. Drag it where the chart should go.
3. Paste the whole snippet, then Save & Close.
4. Publish the site.

The quirk. The script does not run inside the Designer, so on the canvas the widget may look cut off or show a placeholder. Judge it on the published site, where it resizes correctly. Code Embed needs a paid Webflow plan.

⬛ Squarespace

1. Edit the page and click Add Block.
2. Choose Code.
3. Make sure the type is HTML and Display Source is off, then paste the whole snippet.
4. Save.

The quirk. While you are logged in and editing, Squarespace may show the block as disabled for safety. Open the live page in a private window to see the real result. Code blocks that contain scripts or iframes are available on the plans that include custom code, not on the entry plan.

🟩 Shopify

1. Go to Online Store → Themes and click Customize.
2. Open the page template where the chart should appear.
3. Click Add section (or Add block inside a section) and choose Custom Liquid.
4. Paste the whole snippet and save.

The quirk. Custom Liquid exists on the current generation of themes (Online Store 2.0), which includes every free theme Shopify ships today. On an older theme, edit the page under Pages, switch the editor to HTML with the <> button and paste there.

For a product page that sells an EA or a signal, read live EA results on your sales page before you choose where the chart goes.

🧩 Other Builders

📐 Settings That Save You Trouble

Set these in the ShowMyTrades builder before you copy the code.

🖼️ When the Builder Refuses Code: Use an Image

A few places accept no code at all: a free plan with custom code locked, a marketplace listing, a newsletter tool. Every account also has eleven self-updating images, and an image is accepted everywhere.

In the builder choose Dynamic Image, pick the type and the theme (light, dark or transparent), and copy the address of the image. Add it with the normal image element of your website builder, then make the image link to your account page.

The image redraws itself when your trading data changes. It is not interactive, so use it only where the live widget cannot go.

❓ FAQ

The widget shows a scrollbar inside it. Why? The frame is shorter than its content and the script could not resize it. On Wix, Google Sites and Framer set a taller height by hand. Elsewhere, check that you pasted the <script> part too.

The widget looks fine on desktop and is cut off on mobile. The width was copied in pixels. Go back to the builder, set the width to 100 percent and copy the code again.

Can I put more than one widget on a page? Yes. Copy each one from the builder separately: every snippet has its own id, so they do not interfere.

Do I need to update the code when I make new trades? No. The widget asks ShowMyTrades for the data every time the page loads.

Does it work on a free plan of my website builder? The widget itself is free. Whether you can paste code depends on the builder: Webflow, Squarespace and Carrd reserve custom code for paid plans. On those, the Dynamic Image is the free route.

Is there a ShowMyTrades app or plugin for these builders? No, and none is needed: the snippet is the integration.

🔗 Related Guides

• Embed your verified results anywhere: every widget, format and option
• How to add trading results to WordPress: Gutenberg, Elementor, Divi and the classic editor
• How to build a track record page: what to put around the widget
• Trading results in a forum signature, email or chat: the image formats in detail

Connect your account free, copy the widget and paste it into your builder. To see the code before you sign up, open the widget builder and pick any public account.