Add the Custom HTML Widget to Your Page

Who can use this feature?

system_admin.png Slash.png Owner.png



The Custom HTML widget has a wide range of uses. The most popular are:

Important Note

Not all code is compatible with the CivicPlus Content Management System (CMS). Conflicts between an added script and our base system code can cause pages to break. This can include widgets not behaving as expected, editing functions becoming disabled, or complete lack of access to the page. Due to these potential errors, it is recommended that Custom HTML be tested on copied pages prior to being added to a live page or the full site.

If you need assistance or have questions, please contact Support. However, if the Custom HTML script has been provided by a party other than CivicPlus, Support will only be able to assess the interaction of the code with the CMS. Support is unable to troubleshoot third party code beyond basic analysis.

In the event that Custom HTML code conflicts with a page, you may need to Disable Custom HTML Rendering to access editing options.

Some links or content may not operate via iFrame based on browser or security policies. Please view our article iFrame Appears Empty for further troubleshooting options.


  1. Navigate to your desired page
  2. Ensure Live Edit Is On
  3. Select Widgets from the tab menu
  4. Drag and drop the Custom HTML widget onto the page where you would like your item to show
  5. Paste your custom code into the widget
  6. Select Done
  7. Click Save at the top of the page

Note: You may not be able to see the product of your code in live edit. You may have to turn live edit off before being able to see what a user will see.

I'd Like to Request an Enhancement

0 out of 0 found this helpful


Article Feedback