Embedding as a widget

In your Setting Tab, you can see a widget code that you will need to use to embed your website as a widget.

Just copy this code and paste to the required CMS

Remove the intro section and the footer of your SpreadSimple website to have a better-looking result

Below we are going to cover the steps on how to embed your widget on different platforms:

Carrd
Google Sites
Shopify
Squarespace
Webflow
Weebly
Wix
WordPress
Other Website technologies

Carrd

In your Carrd Dashboard open your website in the editing mode. Click Add icon to add a new element to the page and select Embed



Paste your widget code to the Code field and click Done.



Adjust the widget on the page and save the changes.


Google Sites

Log in to your Google account and go to Google Sites.
Then select the website where you'd like to install the widget:



On the Editor panel click on Embed button, paste the widget code and click Next:



Adjust the widget's width and height, save the changes and you are all done!

Shopify

Log in to your Shopify website's backend, go to Online Store and select Customize.



In the Visual editor, click Add Section → in Advanced Layout select Custom Content and click Add.

In the Custom Content Tab, click Add content → select Custom HTML → paste your widget code into the dedicated field, and set the Container width to 100%.



Remove the section elements you don't need and save the changes.



Squarespace

Go to Squarespace admin panel → click Settings in the right-hand menu → go to Advanced tab → click Code Injection



Select the field (Header or Footer), paste the widget code there, and click** Save**.



Webflow

Go to Webflow website editor → click on the Add icon, then drag and drop the Embed element from the left-hand menu to the spot where you'd like the widget to be displayed.



Paste your widget code into HTML Embed Code Editor window that appears and click Save & Close.
Adjust needed settings in the right-hand menu, then click Publish and press Publish to Selected Domains.

For more details on how to embed custom code on Webflow please check this article.

Weebly

In your Weebly account, choose the website where you'd like to add the widget. Click Edit Website.

On the left-hand menu select Add Section → select Embed code.
Drag and drop the Embed Code element from the left-hand menu to the place where you'd like the widget to be displayed.



Click on < > icon to open Embed code menu on the left, remove or edit Title and Description, and paste your widget code. The code will be applied automatically.



Wix

Go to Wix website editor. Click Edit Site → Click Plus icon → go to Embed section → select HTML iframe.



Click Enter Code, paste your widget code and press Apply.



Drag the widget to the right page area and stretch it to get the size you need.
Keep stretching until scroll bars are gone and all the required information fits into the block.



WordPress

In your WordPress Dashboard choose the page where you'd like to add the widget.



Choose the area where you'd like to embed the widget and click Add icon. Then select Custom HTML.



Paste your widget code in the field that comes up and click Update to save changes.



And you are all done!



Other Website technologies

Didn't find the website you need?
Don't worry, nowdays most of the CMS have this option. It can be called Insert HTML, Embed code, Custom code, Add Custom Code or something like that, you just need to find it.
Also, static websites support SpreadSimple widget as well.
Was this article helpful?
Cancel
Thank you!