Support

HTML Widget


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 add the widget:

  1. In the left panel, click Widgets.
  2. Click and drag the HTML widget into your site.


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.


Warning

  • **We cannot troubleshoot custom code! **
  • Server-side scripts (for example, PHP and ASP) will have no effect in this widget. 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 widget, and use the widget in your dynamic pages. 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 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 widget.


To add connected data:

    右键单击 HTML 小部件并选择编辑内容。将您的 HTML 代码粘贴到字段中，然后从代码中删除 URL 段（URL 的末尾）并保存以备后用。单击更新。在顶部栏上，单击编辑行。将您在步骤 2 中保存的 URL 段粘贴到部分段落字段中。右键单击您的 HTML 小部件以打开上下文菜单，然后单击编辑内容。单击连接，然后选择您要将小部件连接到的数据字段。单击复制到剪贴板，然后将复制的内容粘贴到您在步骤 2 中删除 URL 段之前的代码部分中。单击更新。

Customer Support Hours

Mon - Fri, 9 am to 9 pm (CT)

Sat, 9 am to 6 pm (CT)

(Chat Unavailable on Saturdays)

iClassPro offices will be closed in observance of the following holidays:
New Year's 2024 (Jan 1, 2024), Good Friday (March 29, 2024), Memorial Day (May 27, 2024), Independence Day (Jul 4, 2024) Labor Day (Sep 2, 2024), Thanksgiving (Nov 28 - 29, 2024), Christmas (Dec 24 - 25, 2024)

Visit the Customer Support Page


Share by: