How do I use the embed widget on my Website Builder website?


Top

Website Builder Version 8

1

In this version of Website Builder, the Embed widget is known as the HTML widget. Drag and drop it onto the page in the position you would like to display your new element. 

2

Once you have placed the widget on your page, you'll be prompted to enter your HTML. A lot of websites will give you the HTML you need, in this example, we'll use a track from SoundCloud, but many other apps support this functionality. 

3

Click the update button to see what your new element will look like. Advanced users can use the Dev Mode and Edit CSS functionality to make adjustments to how the element will look on you page, but other users can make basic changes by using the design tab. 


Top

Website Builder Version 7

1

From the Layout section of the Add Content panel, click and drag the Embed widget to the area of the page you would like to display your widget. 

2

Now your Embed widget is on your page, click on the widget to open the settings panel. 

3

Copy and paste the code for the widget you wish to use into the Embed box. For this example, we are using a simple Weather widget. Click Save to confirm your changes. 

4

Once you have saved the widget, you may need to refresh or preview your page to see the widget in action.  


Top

Website Builder Version 6

1

Click on the Content

2

Drag the Embed widget to where you would like this to be on your selected page.

3

Double click on the embed tool, or click on the Cog icon, to open the settings panel. This will allow you to edit the content of the widget. Here you can add code from third party sites to display it on your website. For example, here you can add Facebook badges, Twitter widgets, Google Adsense or Soundcloud audio.