Documentation

Website widget

The same bot, in a chat bubble on your own website. One line of code, and you decide which addresses are allowed to use it.

Open this tab4 min read

What it is

A small chat button that sits in the corner of your website. A visitor clicks it and talks to the same bot that answers your Messenger, Instagram and WhatsApp — it already knows your products, prices and policies, so there is nothing extra to teach it.

Those chats appear in Inbox alongside everything else, and you can take over from the bot exactly the same way.

The widget once it is created: your line of code, the websites allowed to use it, and the New key button.The widget once it is created: your line of code, the websites allowed to use it, and the New key button.
The widget once it is created: your line of code, the websites allowed to use it, and the New key button. Tap to open it full size

Setting it up

The widget lives at the bottom of the Channels tab, in the Website section.

  1. 1Type your website address — for example yourshop.com — and press Create widget.
  2. 2Press Copy code. You now have one line on your clipboard.
  3. 3Paste it into your website, just before the `</body>` tag, on every page where the chat should appear.
  4. 4Save and reload your site. The chat button appears in the corner.
If someone else built your website, send them the copied line and tell them: *paste this before the closing body tag*. That sentence is all a web developer needs — there is nothing else to configure.

Which websites are allowed

The chat only loads on addresses you have listed. This is what stops someone copying your code onto their own site and using your bot at your expense.

Under Websites allowed to use this chat you can add more addresses — a second domain, or a subdomain like shop.yourbrand.com — and remove any you no longer use.

You cannot remove the last address. With none listed, the chat could not load anywhere, so the dashboard refuses and tells you so.

The New key button

Every widget has its own key, baked into the line of code you pasted. New key throws the old one away and issues a fresh one.

Only do this if you think someone has copied your code and is using your bot. The chat stops working on your website the moment you press it, and stays broken until you paste the new line in.

Turning it off

The widget row in the Channels tab has the same switch as every other channel. Off, the chat button disappears from your site and the code you pasted simply does nothing — you do not need to edit your website to hide it.

If something goes wrong

I pasted the code but no chat button appears.
Three things to check. First, the address in Websites allowed to use this chat must match where you pasted it — yourshop.com will not cover shop.yourshop.com; add that separately. Second, the widget's switch in Channels must be on. Third, some site builders strip code pasted into a normal page — it usually has to go in a Settings area named something like *custom code*, *footer code* or *body script*.
It works on my computer but not on my phone.
Usually the phone is showing an older cached copy. Reload the page fully, or open it in a private window. If your site sits behind Cloudflare or a caching plugin, clear that cache too.
Can I put it on more than one website?
Yes. Add each address to the allowed list and paste the same line into each site. All the chats arrive in the same inbox.
Does it work on WordPress, Shopify or Wix?
Yes — anywhere you can add one line of HTML. Every one of those has a place for it; look for *custom code*, *footer scripts* or *body script* in its settings.
I pressed New key and the chat stopped working.
That is what it does. Press Copy code to get the new line and paste it into your website again, replacing the old one.
Still stuck?
Write to us and a person will answer — not a bot.
Contact us