Squarespace
Embed your ioZen intake bot on a Squarespace site using code injection or a code block.
Add your ioZen intake bot to Squarespace using the built-in Code Injection feature or a Code Block on individual pages.
Recommended Embed Type
Widget for site-wide availability via Code Injection. Inline via Code Block to replace an existing form on a specific page.
Option 1: Widget (Site-Wide via Code Injection)
- Go to Settings → Developer Tools → Code Injection
- In the Footer field, paste:
<script
src="https://app.iozen.ai/embed.js"
data-bot="YOUR_BOT_SLUG"
data-mode="widget"
defer
></script>- Click Save
The floating widget button will appear on every page.
Option 2: Inline (Specific Page via Code Block)
- Edit the page where you want the bot
- Add a Code Block (Insert → 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>- Uncheck Display Source in the code block settings
- Save and preview
Troubleshooting
| Issue | Solution |
|---|---|
| Code Injection not available | Code Injection requires a Business or Commerce plan on Squarespace |
| Bot doesn't render in preview | Code blocks only execute on the live site, not in the Squarespace editor preview |
| Styling looks off | Squarespace applies global styles that may affect the embed container. Wrap the embed in a <div> with explicit width |
Need help? Email us at hello@iozen.ai.