Live chat widget

The fastest channel to get working. No verification, no DNS, no review — paste a tag and it runs.

1 · Turn it on

Channels → Live chat → Set up. Braid generates a snippet that looks like this:

<script src="https://app.getbraid.ai/widget.js" data-braid-key="YOUR_KEY" async></script>

2 · Paste it into your site

Put it before the closing </body> tag on every page where you want chat available.

• Next.js — in your root layout, or via next/script.
• WordPress — a footer-scripts plugin, or your theme's footer.php.
• Shopify — Online Store → Themes → Edit code → theme.liquid.
• Webflow, Squarespace, Wix — the site-wide custom-code or footer field.

3 · Make it yours

In the appearance editor, set:

• the accent colour — Braid works out whether text on it should be light or dark, so the widget stays legible whatever you pick
• the agent's name, shown at the top of the panel
• a welcome message
• suggested questions — a few things a visitor can click instead of facing a blank box. Most people take one, and they are the cheapest way to steer conversations toward what the agent answers well.

The preview updates as you edit. Nothing reaches your site until you publish.

4 · Test it

Open your site in a private window and send a message. It appears in Inbox marked as Live chat, and a person can take over exactly as on any other channel.

Turning it off

Channels → Manage → Turn off Live chat. The widget stops loading. You can leave the script tag in place — it does nothing once the channel is off.