Add and Manage Custom HTML on a Page

The Custom HTML widget has a wide range of uses. Municipal Websites Central is a powerful platform that gives you the ability to consume its API or integrate your own web services. This functionality allows our web solution to be used for many different needs. A few examples that our customers have integrated with our website are Property Tax Calculators, Inmate Lookup Tools, Parcel Searches, and many custom web service integrations. The most popular are:

• YouTube Video Embeds

• Vimeo Video Embeds

• Other Video Embeds

• Iframes

• Custom Script

• Video Tour books

Many applications offer an API, which allows other applications to interact with their system. A Municipal Websites Central site can also interact with almost any API available using a Custom HTML Widget. API can also receive data from Municipal Websites Central. To do this, you will post a request to an endpoint that contains data in a format the API is expecting.

Important Notes:

• If you need assistance or have questions, please contact CivicPlus 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 Embed Videos on a Page for further troubleshooting options.

• The Custom HTML Widget will only accept URLs that have a valid SSL Certificate. (HTTPS://)

Disclaimer

Not all code is compatible with the CivicPlus Content Management System. 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 a 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. Future releases may impact compatibility, which may cause previously working code to fail.

Add Custom HTML on a Page

Who can use this feature?

System Administrator | Owner | Publisher  

1. Sign in to your site

2. Navigate to your desired page and 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:

   

   Note:

   After you place the Custom HTML widget on the page, a confirmation window will appear. It confirms that your changes are not yet visible to the public and that the page is locked for other users until you click Save or Cancel. Click I Understand to close the window and continue:

   

5. Paste your custom code into the widget:

   

6. Click the Done button:

   

7. Click the Save button:

   

   Note:

   You may not see the result of your code in Live Edit. You may need to turn off Live Edit to see what a user will see.

Modify Custom HTML on a Page

1. Sign in to your site.

2. Navigate to your desired page and ensure Live Edit Is On:

   

3. Locate and click on the Custom HTML Widget:

   

   Note:

   Once you click the widget, the Custom HTML code field will appear:

   

4. Delete the code currently in the widget.

5. Paste the new embed code:

   

6. Click the Done button:

   

7. Select a Save option:

   

   • Save: Saves your changes to the current version of the page and updates it directly

   • Save as Copy: Saves your changes as a new version of the page, leaving the original version unchanged