Add the chat bubble to your website

Website & forms

Add the chat bubble to your website

Add a free chat bubble to your website with one line of code.

Where to find it: Settings → Website chat (or Live chat → Install on your website) Owners and admins 6 min

Before you start

You can edit your website's code, or ask whoever built it.

The steps at a glance

Step 1 of 5

Tap Settings in the menu, then tap Website chat in the "Jump to a section" row (or scroll down to the Website chat box).
Tap Set up website chat.
Type your Website address and tap Add. The chat only shows on addresses you add.
Under Look, set Colour, Welcome message, Quick buttons and Opening hours.
Under Add it to your website, tap Copy code. Paste it just before </body> on every page.

What the code looks like

What it looks like Chat bubble code

Find it: Settings → Website chat → Copy codePaste it: Your website, just before </body> (or your builder's “custom code” box)

Not this: <script src="…/t.js" data-site="…"> — that's the visitor tracking line. It's a different code.

✅ How do I know it worked?

Open your website: the bubble appears in the corner. Send a test message — it shows in Live chat.

⚠️ Common mistakes

ProblemThe bubble doesn't appear.FixAdd your website address under Allowed websites, and check the whole line was pasted.

ProblemYou pasted the code into a text block on the page.FixPaste it into your builder's code / HTML embed area, not a text box.