Expand the capabilities of the website builder with custom HTML. This allows you to embed custom code into your site, and can be used to embed third-party s 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 :
- In the left panel, click Widgets.
- Click and drag the HTML into your site.
To learn more about adding s to your site, see Add Widgets.
Content Editor
To access the content editor, right-click the , and click Edit Content.
The HTML provides a space for you to add custom HTML. Just paste or write your HTML in the provided text box.
Design Editor
To access the design editor, right-click the , and click Edit Design.
For information about design options that are not specific to this (for example, layout, style, or spacing), see Widget Design.
- **We cannot troubleshoot custom code! **
- Server-side scripts (for example, PHP and ASP) will have no effect in this . We recommend using client-side (Javascript, HTML) scripts only.
- We recommend creating a backup of your site before adding custom code to it so that you can reload a previous version if something goes wrong.
- Our editor uses HTTPS, so if your script loads an external non-HTTPS file, it will not work.
- Our system uses jQuery 3.0 to function, so implementing a new version of the jQuery library will usually cause our editor to stop working. For this reason, we recommend that any custom code you add use the functions in jQuery 3.0 and not attempt to re-initialize the library.
- While Quick Navigation is on, onload events may not condition properly. If your script uses these, please turn off Quick Navigation as a first troubleshooting step.
Add Connected Data
You can insert fields from a collection or the Content Library into the HTML , and use the in your dynamic pages. This is helpful when you want to include an HTML 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 an element in your Dynamic Page – a podcast from SoundCloud, an external calendar or any customized code – and you want it to be different in each dynamic page, you can store the ID in your collection and embed the code in the HTML . For more information, see Connected Data.
This feature is only available on a Team Plan and higher.
To add connected data:
- Right click the HTML widget and select Edit Content.
Paste your HTML code into the field, then remove the URL slug (end of the URL) from the code and save it for later.
Click Update.
On the top bar, click Edit Row.
Paste the URL slug you saved in step 2 into the Section Paragraph field.
Right click your HTML widget to open the context menu and click Edit Content.
- Click Connect, then select the data field you want to connect the widget to.
Click Copy to Clipboard, then paste the copied content into the section of code where the URL slug was before you removed it in step 2.
- Click Update.
Once your HTML is successfully connect to the data in the Content Library, it is marked with a blue Connected Data (
) icon.
To watch a video on how to insert fields from a collection into the HTML , see: