What the Chat Widget Does
The chat widget puts your AI receptionist on your website as a text chat bubble. Visitors can ask questions, request quotes, and book appointments without picking up the phone. It uses the same knowledge base and booking logic as your phone AI.Setting Up Your Chat Widget
Go to Chat Widget in the left sidebar. You will see a 3-step wizard.Customise
Set the look and feel of your widget:
- Primary colour — matches your brand (hex code or colour picker)
- Position — bottom-right or bottom-left of the screen
- Greeting message — what the widget says when a visitor opens it (e.g. “Hi! How can I help you today?”)
- Widget title — your business name shown in the chat header
Add Domains
Add every domain where the widget will appear. This is a security whitelist — the widget will only load on these domains.Example domains:
yourbusiness.comwww.yourbusiness.com
How It Works for Your Visitors
- A small chat bubble appears in the corner of your website
- The visitor clicks it and types a message
- Your AI responds instantly using your knowledge base
- The AI can capture lead details, check appointment availability, and book appointments — all through text
- The conversation is saved and appears in your Conversations page under the WEBCHAT channel
Rate Limiting
To prevent abuse, each visitor is limited to 20 messages per minute. This is more than enough for a normal conversation and protects against bots spamming your widget.Viewing Chat Conversations
All chat widget conversations appear on your Conversations page. They are labelled as the WEBCHAT channel so you can filter and find them easily.If a visitor provides their name, email, or phone number during the chat, a lead is automatically created on your Leads page.
Common website builder instructions
Common website builder instructions
WordPress: Go to Appearance > Theme File Editor > footer.php. Paste the script before
</body>. Or use a plugin like “Insert Headers and Footers”.Wix: Go to Settings > Custom Code > Add Custom Code. Paste the script, set placement to “Body - end”.Squarespace: Go to Settings > Advanced > Code Injection. Paste into the “Footer” field.Shopify: Go to Online Store > Themes > Edit Code > theme.liquid. Paste before </body>.