All guides

Website chat widget

Add a chat bubble to any website so visitors can message your AI agent instantly.

4 min read

Install the widget

  1. 1Open Channels → Website and create a website channel.
  2. 2Copy your embed snippet and paste it right before the closing </body> tag on your site.
  3. 3For React / Next.js, use the terminal installer or drop the script tag into a client component.
  4. 4Load your live site — the channel status flips to Connected automatically once the widget loads.

Lock it down

  • Set Allowed domains in channel settings so only your sites can embed the widget. Leave it empty only if you intentionally want an open widget.
  • Optional outbound webhooks receive signed POST payloads with an x-bodhx-signature header for your own integrations.
Website chat widget · BodhX · BodhX AI