# How to insert custom HTML code

> Use the HTML element in ProSite to embed third-party widgets and custom code anywhere on your page.

Source: https://www.kualo.com/knowledgebase/prosite-pages/how-to-insert-custom-html-code
Updated: 2026-06-09

---

The HTML element in ProSite lets you drop custom code into any position on a page. It is particularly useful for embedding third-party widgets that extend your site's functionality and improve visitor engagement.

Widgets are small software components that perform a specific function - displaying social media feeds, weather updates, news articles, search bars, and much more. They add practical tools that help your audience navigate and interact with your content, making your site more dynamic and user-friendly.

Common uses for the HTML element include:

- Donation widgets for charities, such as those from [Give Lively](https://www.givelively.org/donation-widgets) or [DonorBox](https://donorbox.org/donation-widget)
- Reservation widgets, such as those from [OpenTable](https://support.opentable.com/s/article/How-do-I-install-the-reservation-widget-to-take-reservations-on-my-website-and-Facebook?language=en_US)
- Any of the widgets available from providers such as [Elfsight](https://elfsight.com/widgets/) or [WidgetSquad](https://www.widgetsquad.com/)

## Adding custom HTML to a page

1. Drag an **Advanced** element into the position on the page where you want to embed the HTML.
2. Select **HTML** from the list of options.

![Selecting the HTML element from the Advanced options](https://kb-cdn.kualo.com/a5/10/a5107e4405893f9d6ab43c4400209c8a165aa4ed.png)

3. With the HTML element selected, click the **Pencil** icon in the right-hand configuration panel to open the code editor and paste in your code.

![Clicking the Pencil icon to edit the HTML element](https://kb-cdn.kualo.com/bf/06/bf06a7229b251627c57a1fbceaa678ed2688bf97.png)

:::info
HTML content is **disabled** in the editor by default, but it will run on your published or previewed site. This prevents scripts from interfering with the editing interface. If you are confident the code is safe, you can uncheck this option to render the output directly inside the editor.
:::


---

_Source: Kualo Knowledgebase — https://www.kualo.com/knowledgebase/prosite-pages/how-to-insert-custom-html-code · © Kualo Ltd._
