Embedding Your Intake Bot

Add your ioZen intake bot to any website. Choose from inline embeds, popups, floating widgets, or a direct shareable link.

Your intake bot is ready — now put it where your visitors are. ioZen offers four embed types and a direct link option so you can capture demand on any platform.

Embed Types

Type	Best For	How It Works
Inline	Replacing an existing form section	Renders directly inside your page at a specific location
Popup	Call-to-action buttons, banners	Opens in a centered modal overlay when triggered
Widget	Always-available access	Floating button in the corner that expands into a chat panel
Direct Link	Social media, email, QR codes	Standalone page at `app.iozen.ai/i/your-bot-slug`

Finding Your Embed Code

Open your FlowApp in the ioZen dashboard
Go to the Intake Bot tab
Click Share / Embed
Select your embed type and copy the code snippet

Each embed type provides a ready-to-paste <script> tag. No build tools or npm packages required.

Inline Embed

Renders the intake bot directly inside a container element on your page.

<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>

The bot will fill the width of its container. Set the container's max-width to control sizing.

Opens the intake bot in a centered modal when the user clicks a trigger element.

<script
  src="https://app.iozen.ai/embed.js"
  data-bot="YOUR_BOT_SLUG"
  data-mode="popup"
  data-trigger="iozen-open"
  defer
></script>

<button id="iozen-open">Get a Quote</button>

Any element with the matching id becomes a trigger. You can have multiple triggers on the same page.

A floating button (bottom-right by default) that expands into a chat panel.

<script
  src="https://app.iozen.ai/embed.js"
  data-bot="YOUR_BOT_SLUG"
  data-mode="widget"
  defer
></script>

No additional HTML needed — the widget creates its own button and panel.

Direct Link

No code required. Share the URL directly:

https://app.iozen.ai/i/YOUR_BOT_SLUG

Works in emails, social media posts, SMS, printed QR codes — anywhere you can share a link. See the Direct Link & QR guide for details.

Platform Guides

Step-by-step instructions for popular website platforms:

Platform	Guide
HTML / Any Website	Generic embed guide →
WordPress	WordPress guide →
Squarespace	Squarespace guide →
Wix	Wix guide →
Webflow	Webflow guide →
Shopify	Shopify guide →
Framer	Framer guide →
Carrd	Carrd guide →
HubSpot	HubSpot guide →
GoDaddy	GoDaddy guide →
Google Sites	Google Sites guide →
Notion Sites	Notion Sites guide →
Direct Link & QR	Direct link guide →

All embed types inherit your intake bot's design settings (colors, fonts, branding). To customize the appearance, update the Design tab in your intake bot settings — changes apply everywhere the bot is embedded.

Troubleshooting

Issue	Solution
Bot doesn't appear	Check that the `data-bot` slug matches your bot's share URL
Bot appears but is cut off	Ensure the inline container has enough height, or use popup/widget mode
Multiple bots on one page	Use unique `data-container` IDs for each inline embed
Content Security Policy errors	Add `app.iozen.ai` to your CSP `script-src` and `frame-src` directives

Need help? Email us at hello@iozen.ai.