IntelliIntelliDocs
Get started

🌐 Add a Website Widget

The widget is a chat bubble that sits in the corner of your website. Visitors click it, talk to your AI assistant, and you can jump in to reply yourself any time. Manage widgets at Dashboard → Widgets.

Before you start

You need:

  • An assistant already set up (the widget needs a brain).
  • Access to your website's HTML — somewhere you can paste a JavaScript snippet.

Step 1 — Create a widget

  1. Go to Dashboard → Widgets and click Create Widget.
  2. Fill in:
    • Widget name — e.g. "Heavenly Hotels — concierge".
    • Assistant — pick the AI that will reply.
    • Website URL— where you'll install it (e.g. https://yourcompany.com).
    • Brand colour — match your site (default is Intelli blue #007fff).
    • Avatar — upload a logo or photo for the widget header.
    • Greeting message — the first thing visitors see (e.g. "Hi! Ask me anything about our menu.").
  3. Click Create. The widget appears in your list.

Step 2 — Install it on your site

On the widget's row, click Get installation snippet. You'll see a small <script> tag.

Paste it into your site:

  • Custom HTML site — paste it just before the closing </body> on every page where you want the bubble.
  • WordPress— use a plugin like "Insert Headers and Footers" → paste in the footer section.
  • Shopify — Online Store → Themes → Edit code → theme.liquid → paste before </body>.
  • Webflow / Wix / Squarespace — Site settings → Custom code → Footer.
  • Next.js / React — add the script to your root layout, or use a next/script component.

Refresh your site. The bubble should appear in the bottom-right corner.

Step 3 — Test it

  1. Open your site in an incognito window.
  2. Click the bubble. The greeting should appear.
  3. Send a test question. The AI should reply within a few seconds.
  4. Go to Dashboard → Conversations → Website — the conversation should be there in real time.

Editing a widget later

From the Widgets list, click Edit on the widget. You can change:

  • Name, greeting message, avatar.
  • Brand colour.
  • Which assistant powers it.
  • Position (bottom-right, bottom-left).
  • Whether to show online/offline status.

Changes take effect instantly — no need to re-install the snippet.

Pausing or deleting a widget

  • Pause — toggle Active off. The bubble stops showing on your site. Useful for maintenance.
  • Delete— from the widget menu. Frees up the slot, removes the snippet's endpoint. Past conversations stay archived in your inbox.

Tips

  • Match the greeting to the page. If you run campaigns to a landing page, use a greeting that mentions the offer.
  • Keep the assistant prompt tight. Website visitors expect quick, on-topic answers. See Set Up Your Assistant.
  • Pick a colour with contrast. Light blue on a light background is invisible.

What's next