Skip to main content

Embedding Widgets

Embed third party widgets like custom contact forms, newsletters and more in your Showit site

Written by Jeff Willems
Updated over 2 weeks ago

You can embed code directly into the body of your Showit site. This kind of HTML is most commonly used for adding widgets such as third party contact forms, opt-in newsletters, and buy buttons.

HTML Body Code


After generating an embed code from the widget or form you are wanting to add to your Showit site, head over to the Design App and choose the canvas that you would like to add your embed code to. With the canvas selected, choose the Element Icon in the Bottom Toolbar, and then choose the Embed Code option.
​

Where to Insert Your Body Code

Once you've added this box to your canvas, you will see the Embed Info tab at the top of the Properties Panel on the right. If you don't see this tab, click on the embed code box first.

Click on the Custom Code box, paste the embed code from your widget or form into the custom code field there and choose to Save.

Note: If you are unable to paste your code, you may need to enable this in your Chrome settings.

Open your Chrome Privacy settings and select Site settings.

From there, select app.showit.com and scroll down to Clipboard and set this to allow.

You will need to refresh the Showit Design App, and after doing so you should be able to paste again.

Then set the dimensions by clicking and dragging the corners of the embed, and style out the canvas area around your widget or form to your liking and you are all set!

Did this answer your question?