ioZen Docs
Embedding

Shopify

Embed your ioZen intake bot on a Shopify store using the theme editor or an app embed block.

Add your ioZen intake bot to Shopify using the Online Store theme editor.

Widget for store-wide availability. Inline for a dedicated contact or quote request page.

Option 1: Widget (Store-Wide)

  1. Go to Online Store → Themes → Customize (or Edit Code for more control)
  2. In the theme editor, click App embeds (left sidebar)
  3. If using Edit Code, open theme.liquid and paste before </body>:
<script
  src="https://app.iozen.ai/embed.js"
  data-bot="YOUR_BOT_SLUG"
  data-mode="widget"
  defer
></script>
  1. Save

Option 2: Inline (Specific Page)

  1. Create or edit a page at Online Store → Pages
  2. In the page editor, click Show HTML (<> button)
  3. Paste:
<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>
  1. Save and preview

Troubleshooting

IssueSolution
Script stripped from page contentShopify's rich text editor may strip scripts. Use the HTML view or add via theme.liquid instead
Bot conflicts with Shopify chat widgetAdjust the widget position or use inline/popup mode instead

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

Webflow

Embed your ioZen intake bot on a Webflow site using custom code embeds.

Framer

Embed your ioZen intake bot on a Framer site using a custom code component.

On this page

Recommended Embed TypeOption 1: Widget (Store-Wide)Option 2: Inline (Specific Page)Troubleshooting