Website chat widget
Add live chat to your site with one snippet, style every part of it in a designer with live preview, and receive the messages in the unified inbox.
The chat widget puts a chat button on your site, and anything a visitor types lands in the unified inbox alongside WhatsApp, Facebook and every other channel. You reply from the same screen you reply to everyone else in.
Installing it
Add a website channel
In Social Media Manager ‹ Accounts, add a website channel and enter your domain.
Copy the install snippet
You get a single script line.
Paste it into your site
Just before the closing </body> tag on every page that should carry the widget. On WordPress this goes in the footer template or through any header/footer code plugin.
Verify
Visit your site — the button should appear. Send a test message and confirm it reaches the inbox.
The designer
The design screen shows a live preview of the widget as you edit, and you can switch the preview between desktop and mobile and between the closed and open states.
Appearance
- Theme (light/dark), accent colour, font and corner radius.
- Bubble style, header style and overall size.
- Avatar, title, subtitle and status text.
The launcher
- A built-in icon or your own image, an optional label beside the button, and an adjustable size.
- Position (left/right) with horizontal and vertical pixel offsets.
Behaviour
- A greeting shown when the chat opens.
- A teaser bubble that appears after a delay you set.
- Auto-open after a delay, if you want it.
- Quick replies — buttons a visitor taps instead of typing.
- Pre-chat text and an offline message.
- Direction (RTL/LTR), independent of your page direction if you need it.
Page rules Control where the widget appears: either show only on given paths or hide on given paths. Useful for keeping it off checkout pages or a customer portal.
Save once, not constantly
Every change appears in the preview immediately, but the widget on your site updates when you save. Try things in the preview first, then save once.
After publishing
The published widget is served so that visitors always get the current build rather than sitting on a stale copy cached in their browser after you change the design. If you do see an old version after an edit, clear your browser cache and reload.