The HTML element (also known as Unrestricted Code), is used for placing raw HTML on the page. It is most commonly used to insert social media feeds onto a page. This article will go over how to fill out this element.
- With the Edit panel open, drag the HTML element to the page.
- Add a title (if you wish) in the CONTENT TITLE area.
- Write a description of the content in the DESCRIPTION area. This will not show up on the web, but it will show up in Catapult, so that you know what the HTML is for.
- Paste your HTML in the CODE area.
- Hit SAVE.
Here's how it looks in Catapult:
Here's how it displays on the web:
Using AI-Generated Code
Many AI tools, such as ChatGPT, Claude, Gemini, and Microsoft Copilot, can generate HTML, CSS, and JavaScript. While these tools can be helpful, they often generate complete web pages or global styling that is not intended to be embedded within an existing website.
Improperly scoped AI-generated code can unintentionally affect other areas of your website, including page layouts, navigation, and styling.
For best practices and support expectations when using AI-generated code, please see our article: