WordPress

Add your ioZen intake bot to WordPress in under 5 minutes. Works with the block editor (Gutenberg), classic editor, and popular page builders like Elementor and Divi.

Recommended Embed Type

Widget for site-wide availability. Inline if you want the bot on a specific page or to replace an existing contact form.

Option 1: Widget (Site-Wide)

Add the widget script to your entire site via the theme's header/footer:

1. Go to Appearance → Theme File Editor (or Appearance → Customize → Additional CSS/Scripts on newer themes)
2. Open footer.php (or use a plugin like Insert Headers and Footers)
3. Paste before </body>:

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

4. Save and verify on your live site

Option 2: Inline (Specific Page)

1. Edit the page where you want the bot
2. Add a Custom HTML block (block editor) or switch to Text mode (classic editor)
3. Paste:

<div id="iozen-inline" style="max-width: 640px; margin: 0 auto;"></div>
<script
  src="https://app.iozen.ai/embed.js"
  data-bot="YOUR_BOT_SLUG"
  data-mode="inline"
  data-container="iozen-inline"
  defer
></script>

4. Publish or update the page

With Elementor

1. Drag an HTML widget to your page
2. Paste the inline embed code above
3. Save and preview

With Divi

1. Add a Code module
2. Paste the inline embed code
3. Save and preview

Option 3: Popup (Button Trigger)

1. Add a Custom HTML block with the script and a trigger button:

<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" class="wp-block-button__link">Get a Quote</button>

2. Style the button with your theme's CSS or use a Button block with a matching id

Troubleshooting

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