Add live chat to your website

Add a chat bubble to your website so visitors can talk to your team. Their messages arrive in your ConnectBetter inbox — there's no third-party service in between.

Before you begin

• You need to be an Admin in ConnectBetter.
• You'll need to add a small snippet of HTML to your website, so have access to your site's code or your site builder's "custom code" / "embed" feature.

Step 1 — Create a widget

1. Sign in at app.connectbetter.co.
2. Go to Settings → Channels and choose Web chat.
3. Under Create a widget, give it a name (for your reference, e.g. "Marketing site").
4. Add the allowed origins — the website addresses where this widget is allowed to load, such as https://example.com. Separate multiple addresses with commas or new lines.
5. Select Create widget.

Allowed origins are a safety check: the widget will only run on the websites you list here.

Step 2 — Add the snippet to your site

1. On the widget you just created, select Copy install snippet. It looks like this:

   <script async src="https://widget.connectbetter.co/v1.js" data-site-key="…"></script>
   

2. Paste it into your website's HTML, just before the closing </body> tag, on every page where you want the chat bubble.

The chat bubble appears on your site, and conversations flow into your Inbox.

Managing a widget

From Settings → Channels → Web chat you can:

• Save origins — update the list of websites allowed to load the widget.
• Rotate key — issue a new site key if the current one was exposed. Remember to update the snippet on your site afterward.
• Disconnect — turn the widget off.

Need help?

If the bubble isn't showing up, double-check that your site's address is in the allowed origins list. Still stuck? Email help@connectbetter.co.