Install the chat widget on your site.

Adding Zurvo to your website comes down to copying one snippet and pasting it into your site. Your Install page has everything you need. This guide covers where to find your snippet and the two ways to embed it.

Find your snippet

In the sidebar, go to Install Widget. At the top you’ll see your chatbot’s name and ID, then two embed methods, each with a Copy button.

Method 1: the script tag (recommended)

The script tag is the right choice for most sites. It loads a floating chat launcher in the corner of every page. Copy it under Method 1: Script Tag and paste it just before the closing </body> tag of your site. It looks like this, with your own chatbot ID filled in:

<!-- Zurvo Chat Widget -->
<script
  src="https://app.zurvo.ai/widget.js"
  data-zurvo-id="YOUR_CHATBOT_ID"
  async
></script>

The async attribute means it loads in the background without slowing your page down.

Setting the position from the snippet

You can set which corner the launcher sits in with a data-position attribute (bottom-right or bottom-left):

<script
  src="https://app.zurvo.ai/widget.js"
  data-zurvo-id="YOUR_CHATBOT_ID"
  data-position="bottom-left"
  async
></script>

You can also set the position in your dashboard under Settings — either works.

Method 2: the iframe embed

Use the iframe when your platform won’t run a page-level script. Instead of a floating launcher, it places the chat in the exact spot where you paste it. Copy it under Method 2: iFrame Embed:

<iframe
  src="https://app.zurvo.ai/widget/YOUR_CHATBOT_ID"
  style="position: fixed; bottom: 0; right: 0; width: 400px; height: 550px; border: none; z-index: 9999;"
></iframe>

Method 3: send it to your web developer

If someone else manages your website, you don’t need to touch code at all. Under Method 3: Send it to your web developer, enter their email address and click Email instructions — they’ll receive your exact snippet, where to paste it, and the fix for the one thing that occasionally blocks the widget (a Content-Security-Policy header). The email includes your address so they can reply to you directly.

Prefer to write them yourself? Click Copy email for my developer instead. It copies a complete, ready-to-send email — code included — that you can paste into any email app.

What the snippet does and doesn’t control

The snippet carries your chatbot ID and, for the script tag, an optional position (data-position). Everything else — your color, greeting, hub content, lead form, and proactive triggers — comes from your dashboard, not the code. So you never edit the snippet to restyle the widget; set your color in Settings → Branding and the rest in Settings, then save. Your changes apply everywhere the widget is installed.

Next steps

Using a website builder? See Install on WordPress, Wix, or Squarespace or Install on Shopify, Webflow, or GoDaddy.
Already pasted it in? Confirm the widget is loading.

Frequently asked questions.

Where do I find my snippet?

In your dashboard, go to Install Widget in the sidebar. Your chatbot's name and ID are shown at the top, followed by two ready-to-copy snippets — a script tag and an iframe embed — each with a Copy button.

Should I use the script tag or the iframe?

Use the script tag for most sites — it gives you a floating launcher in the corner of every page. Use the iframe only when your platform won't run a page-level script (for example, GoDaddy's HTML section), where the widget appears in the spot you place it instead of floating.

Do I set the color or greeting in the snippet?

No. The script only reads your chatbot ID and, optionally, the position. Your color, greeting, and everything else come from your dashboard settings — so a data-color attribute has no effect. Set the look of the widget in Settings.