[{"data":1,"prerenderedAt":987},["ShallowReactive",2],{"\u002Fguides\u002Fembed-trading-results-wix-webflow-squarespace-shopify":3,"\u002Fguides\u002Fembed-trading-results-wix-webflow-squarespace-shopify-surround":977},{"id":4,"title":5,"authors":6,"badge":12,"body":14,"date":964,"description":965,"draft":966,"extension":967,"image":968,"meta":970,"navigation":971,"path":972,"seo":973,"stem":974,"updated":975,"__hash__":976},"posts\u002F3.guides\u002F35.embed-trading-results-wix-webflow-squarespace-shopify.md","Embed Live Trading Results on Wix, Webflow, Squarespace or Shopify",[7],{"name":8,"to":9,"avatar":10},"ShowMyTrades Team","https:\u002F\u002Fshowmytrades.com",{"src":11},"\u002Ficon-512.png",{"label":13},"Product",{"type":15,"value":16,"toc":952},"minimark",[17,27,35,40,58,424,435,446,450,484,494,498,522,531,535,558,563,567,598,611,619,623,759,763,766,835,839,846,853,856,860,869,875,881,887,893,899,903,933,936,948],[18,19,20,21,26],"p",{},"A live trading ",[22,23,25],"a",{"href":24},"\u002Fglossary\u002Fwhat-is-a-trading-widget","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.",[18,28,29,30,34],{},"This page is a lookup table with instructions: find your builder, follow four steps, read the one warning. For WordPress there is a ",[22,31,33],{"href":32},"\u002Fguides\u002Fadd-trading-results-to-wordpress","separate guide",".",[36,37,39],"h2",{"id":38},"the-snippet-you-are-pasting","📋 The Snippet You Are Pasting",[18,41,42,43,47,48,52,53,57],{},"You get it from ShowMyTrades: connect your account (",[22,44,46],{"href":45},"\u002Fguides\u002Fshow-mt4-mt5-results-on-your-website","MetaTrader",", ",[22,49,51],{"href":50},"\u002Fguides\u002Fshow-ctrader-results-on-your-website","cTrader"," or TradeLocker), publish it, open ",[54,55,56],"strong",{},"Widgets"," in the dashboard and copy the code. All of it is free.",[59,60,65],"pre",{"className":61,"code":62,"language":63,"meta":64,"style":64},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ciframe\n  id=\"smt-equity-a1b2c3d4e\"\n  src=\"https:\u002F\u002Fshowmytrades.com\u002Fwidget\u002FYOUR-ACCOUNT-SLUG?type=equity&theme=light\"\n  width=\"100%\"\n  height=\"400\"\n  loading=\"lazy\"\n  frameborder=\"0\"\n  style=\"border-radius: 8px; width: 100%;\">\n\u003C\u002Fiframe>\n\u003Cscript>\n(function() {\n  var iframe = document.getElementById('smt-equity-a1b2c3d4e');\n  window.addEventListener('message', function(e) {\n    if (e.data?.type === 'widget-resize' && e.source === iframe.contentWindow) {\n      iframe.height = e.data.height;\n    }\n  });\n})();\n\u003C\u002Fscript>\n","html","",[66,67,68,81,101,116,131,146,161,176,194,205,215,231,267,303,363,388,394,404,415],"code",{"__ignoreMap":64},[69,70,73,77],"span",{"class":71,"line":72},"line",1,[69,74,76],{"class":75},"sMK4o","\u003C",[69,78,80],{"class":79},"swJcz","iframe\n",[69,82,84,88,91,94,98],{"class":71,"line":83},2,[69,85,87],{"class":86},"spNyl","  id",[69,89,90],{"class":75},"=",[69,92,93],{"class":75},"\"",[69,95,97],{"class":96},"sfazB","smt-equity-a1b2c3d4e",[69,99,100],{"class":75},"\"\n",[69,102,104,107,109,111,114],{"class":71,"line":103},3,[69,105,106],{"class":86},"  src",[69,108,90],{"class":75},[69,110,93],{"class":75},[69,112,113],{"class":96},"https:\u002F\u002Fshowmytrades.com\u002Fwidget\u002FYOUR-ACCOUNT-SLUG?type=equity&theme=light",[69,115,100],{"class":75},[69,117,119,122,124,126,129],{"class":71,"line":118},4,[69,120,121],{"class":86},"  width",[69,123,90],{"class":75},[69,125,93],{"class":75},[69,127,128],{"class":96},"100%",[69,130,100],{"class":75},[69,132,134,137,139,141,144],{"class":71,"line":133},5,[69,135,136],{"class":86},"  height",[69,138,90],{"class":75},[69,140,93],{"class":75},[69,142,143],{"class":96},"400",[69,145,100],{"class":75},[69,147,149,152,154,156,159],{"class":71,"line":148},6,[69,150,151],{"class":86},"  loading",[69,153,90],{"class":75},[69,155,93],{"class":75},[69,157,158],{"class":96},"lazy",[69,160,100],{"class":75},[69,162,164,167,169,171,174],{"class":71,"line":163},7,[69,165,166],{"class":86},"  frameborder",[69,168,90],{"class":75},[69,170,93],{"class":75},[69,172,173],{"class":96},"0",[69,175,100],{"class":75},[69,177,179,182,184,186,189,191],{"class":71,"line":178},8,[69,180,181],{"class":86},"  style",[69,183,90],{"class":75},[69,185,93],{"class":75},[69,187,188],{"class":96},"border-radius: 8px; width: 100%;",[69,190,93],{"class":75},[69,192,193],{"class":75},">\n",[69,195,197,200,203],{"class":71,"line":196},9,[69,198,199],{"class":75},"\u003C\u002F",[69,201,202],{"class":79},"iframe",[69,204,193],{"class":75},[69,206,208,210,213],{"class":71,"line":207},10,[69,209,76],{"class":75},[69,211,212],{"class":79},"script",[69,214,193],{"class":75},[69,216,218,222,225,228],{"class":71,"line":217},11,[69,219,221],{"class":220},"sTEyZ","(",[69,223,224],{"class":86},"function",[69,226,227],{"class":75},"()",[69,229,230],{"class":75}," {\n",[69,232,234,237,240,243,246,248,252,254,257,259,261,264],{"class":71,"line":233},12,[69,235,236],{"class":86},"  var",[69,238,239],{"class":220}," iframe",[69,241,242],{"class":75}," =",[69,244,245],{"class":220}," document",[69,247,34],{"class":75},[69,249,251],{"class":250},"s2Zo4","getElementById",[69,253,221],{"class":79},[69,255,256],{"class":75},"'",[69,258,97],{"class":96},[69,260,256],{"class":75},[69,262,263],{"class":79},")",[69,265,266],{"class":75},";\n",[69,268,270,273,275,278,280,282,285,287,290,293,295,299,301],{"class":71,"line":269},13,[69,271,272],{"class":220},"  window",[69,274,34],{"class":75},[69,276,277],{"class":250},"addEventListener",[69,279,221],{"class":79},[69,281,256],{"class":75},[69,283,284],{"class":96},"message",[69,286,256],{"class":75},[69,288,289],{"class":75},",",[69,291,292],{"class":86}," function",[69,294,221],{"class":75},[69,296,298],{"class":297},"sHdIc","e",[69,300,263],{"class":75},[69,302,230],{"class":75},[69,304,306,310,313,315,317,320,323,326,329,332,335,337,340,343,345,348,350,352,354,357,360],{"class":71,"line":305},14,[69,307,309],{"class":308},"s7zQu","    if",[69,311,312],{"class":79}," (",[69,314,298],{"class":220},[69,316,34],{"class":75},[69,318,319],{"class":220},"data",[69,321,322],{"class":75},"?.",[69,324,325],{"class":220},"type",[69,327,328],{"class":75}," ===",[69,330,331],{"class":75}," '",[69,333,334],{"class":96},"widget-resize",[69,336,256],{"class":75},[69,338,339],{"class":75}," &&",[69,341,342],{"class":220}," e",[69,344,34],{"class":75},[69,346,347],{"class":220},"source",[69,349,328],{"class":75},[69,351,239],{"class":220},[69,353,34],{"class":75},[69,355,356],{"class":220},"contentWindow",[69,358,359],{"class":79},") ",[69,361,362],{"class":75},"{\n",[69,364,366,369,371,374,376,378,380,382,384,386],{"class":71,"line":365},15,[69,367,368],{"class":220},"      iframe",[69,370,34],{"class":75},[69,372,373],{"class":220},"height",[69,375,242],{"class":75},[69,377,342],{"class":220},[69,379,34],{"class":75},[69,381,319],{"class":220},[69,383,34],{"class":75},[69,385,373],{"class":220},[69,387,266],{"class":75},[69,389,391],{"class":71,"line":390},16,[69,392,393],{"class":75},"    }\n",[69,395,397,400,402],{"class":71,"line":396},17,[69,398,399],{"class":75},"  }",[69,401,263],{"class":79},[69,403,266],{"class":75},[69,405,407,410,413],{"class":71,"line":406},18,[69,408,409],{"class":75},"}",[69,411,412],{"class":220},")()",[69,414,266],{"class":75},[69,416,418,420,422],{"class":71,"line":417},19,[69,419,199],{"class":75},[69,421,212],{"class":79},[69,423,193],{"class":75},[18,425,426,427,430,431,434],{},"It has two parts. The ",[66,428,429],{},"\u003Ciframe>"," is the widget. The ",[66,432,433],{},"\u003Cscript>"," 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.",[18,436,437,438,441,442,445],{},"Some builders ask for a ",[54,439,440],{},"web address"," instead of code. In that case use only the address inside ",[66,443,444],{},"src=\"…\"",": that address is the widget.",[36,447,449],{"id":448},"wix","🟦 Wix",[451,452,453,461,471,481],"ol",{},[454,455,456,457,460],"li",{},"In the editor click ",[54,458,459],{},"Add Elements"," (the +).",[454,462,463,464,467,468,34],{},"Choose ",[54,465,466],{},"Embed Code",", then ",[54,469,470],{},"Embed HTML",[454,472,473,474,477,478,34],{},"Click ",[54,475,476],{},"Enter Code",", paste the whole snippet and click ",[54,479,480],{},"Update",[454,482,483],{},"Drag the element to the width and height you want, then publish.",[18,485,486,489,490,493],{},[54,487,488],{},"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: ",[54,491,492],{},"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.",[36,495,497],{"id":496},"webflow","🟪 Webflow",[451,499,500,510,513,519],{},[454,501,502,503,506,507,34],{},"Open the ",[54,504,505],{},"Add"," panel and find ",[54,508,509],{},"Code Embed",[454,511,512],{},"Drag it where the chart should go.",[454,514,515,516,34],{},"Paste the whole snippet, then ",[54,517,518],{},"Save & Close",[454,520,521],{},"Publish the site.",[18,523,524,526,527,530],{},[54,525,488],{}," 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 ",[54,528,529],{},"published"," site, where it resizes correctly. Code Embed needs a paid Webflow plan.",[36,532,534],{"id":533},"squarespace","⬛ Squarespace",[451,536,537,543,548,555],{},[454,538,539,540,34],{},"Edit the page and click ",[54,541,542],{},"Add Block",[454,544,463,545,34],{},[54,546,547],{},"Code",[454,549,550,551,554],{},"Make sure the type is HTML and ",[54,552,553],{},"Display Source"," is off, then paste the whole snippet.",[454,556,557],{},"Save.",[18,559,560,562],{},[54,561,488],{}," 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.",[36,564,566],{"id":565},"shopify","🟩 Shopify",[451,568,569,579,582,595],{},[454,570,571,572,575,576,34],{},"Go to ",[54,573,574],{},"Online Store → Themes"," and click ",[54,577,578],{},"Customize",[454,580,581],{},"Open the page template where the chart should appear.",[454,583,473,584,587,588,591,592,34],{},[54,585,586],{},"Add section"," (or ",[54,589,590],{},"Add block"," inside a section) and choose ",[54,593,594],{},"Custom Liquid",[454,596,597],{},"Paste the whole snippet and save.",[18,599,600,602,603,606,607,610],{},[54,601,488],{}," 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 ",[54,604,605],{},"Pages",", switch the editor to HTML with the ",[66,608,609],{},"\u003C>"," button and paste there.",[18,612,613,614,618],{},"For a product page that sells an EA or a signal, read ",[22,615,617],{"href":616},"\u002Fguides\u002Flive-ea-results-on-your-sales-page","live EA results on your sales page"," before you choose where the chart goes.",[36,620,622],{"id":621},"other-builders","🧩 Other Builders",[624,625,626,645],"table",{},[627,628,629],"thead",{},[630,631,632,636,639,642],"tr",{},[633,634,635],"th",{},"Builder",[633,637,638],{},"Element to use",[633,640,641],{},"Paste",[633,643,644],{},"Note",[646,647,648,668,687,705,725,742],"tbody",{},[630,649,650,656,662,665],{},[651,652,653],"td",{},[54,654,655],{},"Framer",[651,657,658,659],{},"Insert → ",[54,660,661],{},"Embed",[651,663,664],{},"The whole snippet in HTML mode, or the widget address in URL mode",[651,666,667],{},"Set the height of the component by hand",[630,669,670,675,681,684],{},[651,671,672],{},[54,673,674],{},"Ghost",[651,676,677,680],{},[54,678,679],{},"HTML"," card in the editor",[651,682,683],{},"The whole snippet",[651,685,686],{},"Works as is",[630,688,689,694,699,702],{},[651,690,691],{},[54,692,693],{},"Notion",[651,695,696],{},[66,697,698],{},"\u002Fembed",[651,700,701],{},"The widget address only",[651,703,704],{},"Drag the corner to resize",[630,706,707,712,720,722],{},[651,708,709],{},[54,710,711],{},"Google Sites",[651,713,658,714,716,717],{},[54,715,661],{}," → ",[54,718,719],{},"Embed code",[651,721,683],{},[651,723,724],{},"Google Sites frames it itself: set the size by hand",[630,726,727,732,737,739],{},[651,728,729],{},[54,730,731],{},"Carrd",[651,733,734,736],{},[54,735,661],{}," element, type Code",[651,738,683],{},[651,740,741],{},"Needs a paid Carrd plan",[630,743,744,749,755,757],{},[651,745,746],{},[54,747,748],{},"Plain HTML",[651,750,751,752],{},"Anywhere inside ",[66,753,754],{},"\u003Cbody>",[651,756,683],{},[651,758,686],{},[36,760,762],{"id":761},"settings-that-save-you-trouble","📐 Settings That Save You Trouble",[18,764,765],{},"Set these in the ShowMyTrades builder before you copy the code.",[624,767,768,781],{},[627,769,770],{},[630,771,772,775,778],{},[633,773,774],{},"Setting",[633,776,777],{},"Choose",[633,779,780],{},"Why",[646,782,783,796,809,822],{},[630,784,785,790,793],{},[651,786,787],{},[54,788,789],{},"Width",[651,791,792],{},"Percent, 100",[651,794,795],{},"The widget follows the column it sits in, on desktop and on a phone",[630,797,798,803,806],{},[651,799,800],{},[54,801,802],{},"Theme",[651,804,805],{},"Light or Dark, not Auto",[651,807,808],{},"Auto follows the visitor's system setting, not the design of your site",[630,810,811,816,819],{},[651,812,813],{},[54,814,815],{},"Background",[651,817,818],{},"A custom colour if your section is not white or black",[651,820,821],{},"It can be semi-transparent, so the widget sits on a coloured section without a visible box",[630,823,824,829,832],{},[651,825,826],{},[54,827,828],{},"Widget type",[651,830,831],{},"Stats Card or Stats Inline where the builder cannot resize",[651,833,834],{},"They have a fixed height: no script needed, nothing to cut off",[36,836,838],{"id":837},"️-when-the-builder-refuses-code-use-an-image","🖼️ When the Builder Refuses Code: Use an Image",[18,840,841,842,845],{},"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 ",[54,843,844],{},"eleven self-updating images",", and an image is accepted everywhere.",[18,847,848,849,852],{},"In the builder choose ",[54,850,851],{},"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.",[18,854,855],{},"The image redraws itself when your trading data changes. It is not interactive, so use it only where the live widget cannot go.",[36,857,859],{"id":858},"faq","❓ FAQ",[18,861,862,865,866,868],{},[54,863,864],{},"The widget shows a scrollbar inside it. Why?","\nThe 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 ",[66,867,433],{}," part too.",[18,870,871,874],{},[54,872,873],{},"The widget looks fine on desktop and is cut off on mobile.","\nThe width was copied in pixels. Go back to the builder, set the width to 100 percent and copy the code again.",[18,876,877,880],{},[54,878,879],{},"Can I put more than one widget on a page?","\nYes. Copy each one from the builder separately: every snippet has its own id, so they do not interfere.",[18,882,883,886],{},[54,884,885],{},"Do I need to update the code when I make new trades?","\nNo. The widget asks ShowMyTrades for the data every time the page loads.",[18,888,889,892],{},[54,890,891],{},"Does it work on a free plan of my website builder?","\nThe 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.",[18,894,895,898],{},[54,896,897],{},"Is there a ShowMyTrades app or plugin for these builders?","\nNo, and none is needed: the snippet is the integration.",[36,900,902],{"id":901},"related-guides","🔗 Related Guides",[904,905,906,913,919,926],"ul",{},[454,907,908,912],{},[22,909,911],{"href":910},"\u002Fguides\u002Ftrading-widgets-and-embeds","Embed your verified results anywhere",": every widget, format and option",[454,914,915,918],{},[22,916,917],{"href":32},"How to add trading results to WordPress",": Gutenberg, Elementor, Divi and the classic editor",[454,920,921,925],{},[22,922,924],{"href":923},"\u002Fguides\u002Fbuild-a-track-record-page","How to build a track record page",": what to put around the widget",[454,927,928,932],{},[22,929,931],{"href":930},"\u002Fguides\u002Ftrading-results-forum-signature-email-discord","Trading results in a forum signature, email or chat",": the image formats in detail",[934,935],"hr",{},[18,937,938,942,943,947],{},[22,939,941],{"href":940},"\u002Fsignup","Connect your account free",", copy the widget and paste it into your builder. To see the code before you sign up, ",[22,944,946],{"href":945},"\u002Fwidget-builder","open the widget builder"," and pick any public account.",[949,950,951],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":64,"searchDepth":83,"depth":83,"links":953},[954,955,956,957,958,959,960,961,962,963],{"id":38,"depth":83,"text":39},{"id":448,"depth":83,"text":449},{"id":496,"depth":83,"text":497},{"id":533,"depth":83,"text":534},{"id":565,"depth":83,"text":566},{"id":621,"depth":83,"text":622},{"id":761,"depth":83,"text":762},{"id":837,"depth":83,"text":838},{"id":858,"depth":83,"text":859},{"id":901,"depth":83,"text":902},"2026-10-05T00:00:00.000Z","Where to paste a live trading widget in each website builder: the exact element in Wix, Webflow, Squarespace, Shopify, Framer, Ghost, Notion, Google Sites and Carrd, and the one setting each of them gets wrong.",false,"md",{"src":969},"\u002Fimages\u002Fblog\u002Fembed-trading-results-wix-webflow-squarespace-shopify-hero.svg",{},true,"\u002Fguides\u002Fembed-trading-results-wix-webflow-squarespace-shopify",{"title":5,"description":965},"3.guides\u002F35.embed-trading-results-wix-webflow-squarespace-shopify",null,"fnyMoH2mk9smeH5O1HFnkIASBPpMuaCLSQ6OxF4h94c",[978,982],{"title":979,"path":32,"stem":980,"description":981,"children":-1},"How to Add Live Trading Results to WordPress (No Plugin)","3.guides\u002F34.add-trading-results-to-wordpress","Show the live equity curve and statistics of your MT4, MT5, cTrader or TradeLocker account on a WordPress site with one Custom HTML block. Gutenberg, Elementor, Divi and the classic editor.",{"title":983,"path":984,"stem":985,"description":986,"children":-1},"A Myfxbook Widget Alternative: Live, Free, and With No Ads Behind It","\u002Fguides\u002Fmyfxbook-widget-alternative","3.guides\u002F36.myfxbook-widget-alternative","Looking for an alternative to the Myfxbook widget for your website? Seven interactive widgets and eleven self-updating images for MT4, MT5, cTrader and TradeLocker accounts, free, linking to a page with no adverts.",1791241854578]