Expand the capabilities of the website builder with custom HTML. This widget allows you to embed custom code into your site, and can be used to embed third-party widgets such as videos, contact forms, and more.
While adding custom code can extend your site's functionality, we recommend you only add code from a trusted source. Only add code if you know exactly what it does and how to troubleshoot it if it does not work.
To learn more about using HTML in Developer Mode, see Developer Mode.
To add the widget:
- In the left panel, click Widgets.
- Click and drag the HTML widget into your site.
To learn more about adding widgets to your site, see Add Widgets.
To access the content editor, right-click the widget, and click Edit Content.
The HTML widget provides a space for you to add custom HTML. Just paste or write your HTML in the provided text box.
To access the design editor, right-click the widget, and click Edit Design.
For information about design options that are not specific to this widget (for example, layout, style, or spacing), see Widget Design.
Add Connected Data
You can insert fields from a collection or the content library into the HTML widget. This is helpful when you want to include an HTML widget in your dynamic pages without having to store all of the HTML code in the collection. Instead, only the unique data or ID is stored in the collection. For example, if you want to embed different YouTube videos in dynamic pages, you only have to add the unique video IDs to a collection.
To add connected data:
Right click the HTML widget and select Edit Content.
Select which field to add.
Click Copy to clipboard.
Paste the copied code into the custom HTML field.