HubSpot
Embed your ioZen intake bot on a HubSpot CMS page using a custom module or HTML block.
Add your ioZen intake bot to HubSpot CMS pages using a custom HTML module.
Recommended Embed Type
Widget for site-wide lead capture. Inline to replace an existing HubSpot form on a landing page.
Option 1: Widget (Site-Wide)
- Go to Settings → Website → Pages → Site Header/Footer HTML
- In the Site Footer HTML field, paste:
<script
src="https://app.iozen.ai/embed.js"
data-bot="YOUR_BOT_SLUG"
data-mode="widget"
defer
></script>- Save
Option 2: Inline (Landing Page)
- Edit your page in the HubSpot drag-and-drop editor
- Add a Custom HTML module (or Rich Text → Source Code)
- Paste the inline embed code:
<div id="iozen-inline"></div>
<script
src="https://app.iozen.ai/embed.js"
data-bot="YOUR_BOT_SLUG"
data-mode="inline"
data-container="iozen-inline"
defer
></script>- Save and publish
Troubleshooting
| Issue | Solution |
|---|---|
| HTML module not available | Custom HTML modules require a CMS Hub Professional or higher plan |
| Bot conflicts with HubSpot chat | Disable the HubSpot chat widget on pages where you use the ioZen widget, or use inline mode |
Need help? Email us at hello@iozen.ai.