Embed

Note: This article applies to Free Trial accounts created on or after 16 December 2024 and Website, Website+Marketing and eCommerce packages created on or after 18 December 2024. If your accounts were created before these dates, please refer to the article Elements Management.

Please Note: Custom CSS, 3rd party plugins, and scripts are not supported by our platform. 

The Embed element allows you to add external videos, images, and other content to your website via scripting (codes) from third-party sources to your website.

Adding the Embed Section

Option 1

  • Hover over the desired section and click Add Element:

  • Choose the Embed element from the modal that appears:

  • After you choose the element from the list, drag it to the desired section and drop it using the grid.

Option 2

  • Hover over the left sidebar of the Site Editor and click Build (+) button:

  • Choose the element:

  • After you choose the element from the list, drag it to the desired section and drop it using the grid.

Moving and Resizing Embed

Please refer to the Elements Management (New Grid) article to learn more about moving and duplicating elements.

Customizing Embed

To edit, duplicate, or delete the element, click on it and switch between the buttons that appear in its toolbar:

Editing Embed

  • Click on the element and choose the Edit button that appears in its toolbar:

  • Paste the embed code into the pop-up window:

  • Or you can switch the embed type to Link and enter the website's URL into the Link field.

Please Note: You can only embed websites whose HTTP/HTTPS protocol corresponds to the website's primary domain. Some HTTP sites may not be displayed in the editor but appear on publishing.

  • You can adjust the embed content height to larger or smaller (smaller will create a scrollable box for the item). With Embed Link type this option is always enabled. For Embed Code type simply disable the Adapt to Full Height option.

Duplicating Embed

  • To duplicate embed, click on it and choose the Duplicate button that appears in its toolbar:

  • The duplicate of the element will appear immediately.

Deleting Embed

  • To delete embed, click on it and choose the Remove button [Bin] that appears in its toolbar: