Help Center
Channels & Installation

Installing the chat widget

The one-line embed, hosted chat page, inline iframe, Shopify auto-install, and the install checker.

The one-line embed (recommended)

Your bot's Embed tab gives you the snippet:

<script async src="https://zedinga.ai/widget.js" data-bot-id="YOUR_BOT_ID"></script>

Paste it before </body>. It loads asynchronously (no impact on your page speed) and renders the chat bubble in an isolated Shadow DOM, so your site's CSS and the widget can't break each other.

Three ways to use your bot

  • Chat bubble — the standard floating widget on your own site (snippet above).
  • Hosted chat page — a full-screen chat at zedinga.ai/c/<your-bot-id>; share it as a link anywhere (email signatures, social bios, QR codes) with zero installation.
  • Inline iframe — embed the chat inside a page (e.g. a "Support" page) with the iframe snippet from the Embed tab.

Shopify

On Shopify the widget installs on your storefront automatically when your store is connected — no theme editing. Store connections are an Enterprise feature set up by our team; see the Shopify guide.

Domain allowlist

Your bot only answers on domains you've allowed (managed in the bot's Settings). This stops anyone else embedding your bot — and your quota — on their site. If the widget loads but won't answer, the domain allowlist is the first thing to check.

Verify the install

The Embed tab has two helpers:

  • Send to developer — emails the snippet and instructions to whoever manages your site.
  • Install checker — confirms the widget is actually answering on your domain, so you don't have to trust a "should be live now".

More in Channels & Installation