Skip to main content
HTML Widget
Support avatar
Written by Support
Updated over a week ago

Overview

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.

Guide

To add the widget:

  1. In the left panel, click Widgets.

  2. Click and drag the HTML widget into your site.

To learn more about adding widgets to your site, see Add Widgets.

Content Editor

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.

Design 

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.

Considerations

  • Server-side scripts (PHP and ASP, for example) will have no effect in this widget. We recommend using client-side (Javascript, HTML) scripts only.

  • It's usually a good idea to make 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 2.1.1 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 2.1.1 and not attempt to re-initialize the library.

  • While Animated Navigation is on, onload events may not Condition properly. If your script uses these, please turn off animated navigation as a first troubleshooting step.

Did this answer your question?