Skip to content

Put it on your website

One script tag carries both the chat bubble and the Book Now button — so if you've already added online booking to your site, you're finished.

2 min readUpdated August 16, 2026Owners

Your website is not ours. It might be a page a friend built, a template you bought, or something an agency looks after — so this part is deliberately as small as it can be: one script tag, pasted once.

The Add chat to your website card: a note that a site already carrying the booking widget is done, the five-line script tag to paste before the closing body tag with a Copy button, and a link to the standalone chat page.
Copy, paste once, done. The same tag the Book Now button uses.

Settings → Web chat → Add chat to your website has the tag ready to copy, already carrying your salon's name.

  1. 1

    Press Copy beside the snippet.

  2. 2

    Paste it into your website, once, just before the closing </body> tag. Most site builders have a box for exactly this — look for "custom code", "footer code" or "code injection" in their settings, and paste it there so it applies to every page.

  3. 3

    Reload your site. The bubble appears in the bottom corner.

If nothing shows up, check Enable web chat is still ticked — the snippet is inert until it is, which is what lets a site keep the tag through a quiet season without a chat box nobody is watching.

You may already be done

The chat bubble and the Book Now button are the same script. If you added online booking to your website, that tag is already on every page, and ticking Enable web chat lights the bubble up without touching your site again.

When both are on, the chat bubble takes the corner and the Book Now button sits above it.

Chat without the booking button

Some salons want the conversation but not a floating Book Now — a page that's mid-redesign, or a landing page where the button would compete with your own. Add one attribute to the tag:

data-features="chat"

Now only the bubble is drawn.

Trying it before it's live

The card ends with Open chat page. That opens /chat/your-salon — your chat on a page of its own, no website required. It is the real thing, not a preview: anything you send from it lands in your Inbox like any other visitor's message.

It is also a link you can use in its own right. Put it in an Instagram bio or a Google Business profile and people can start a conversation without a website at all.

Common questions

I already added the Book Now button. Do I need to do anything?

No. It is the same script tag, and the chat bubble appears on every page that already carries it the moment you tick Enable web chat.

Where exactly does it go?

Once, on every page, just before the closing </body> tag. Most website builders have a "footer code" or "custom code" box that does exactly this for the whole site — you paste it in one place, not page by page.

I want the chat bubble but not the Book Now button.

Add data-features="chat" to the tag. The chat bubble appears on its own and no booking button is drawn.

Will it clash with our site's design?

No. Everything the widget draws lives inside its own isolated shadow root, so your site's styles can't leak into it and its styles can't leak out. The bubble takes your salon's brand colour.

Do I need to give our web developer anything else?

No — no keys, no account, no configuration on their side. The snippet already names your salon, and everything else is read from your settings live.

How do I check it works before it's on the site?

Press Open chat page. That is your chat on a page of its own, exactly what a visitor gets, and it works whether or not the snippet is installed anywhere.

Related articles

Can’t find what you’re looking for?

Book a 20-minute walkthrough and we’ll answer it on a screen share — or start free and try it on your own salon’s data.

Start freeBook a walkthrough