Add Web Chat
Embed an AI chat widget on your website so visitors can book appointments directly.
Overview
The Empfio web chat widget adds a chat bubble to any website. Visitors click it, start a conversation with your AI agent, and can book appointments without leaving your site. No login required — sessions are anonymous until the visitor provides their contact details.
Installation
Add the chat widget to your website by pasting a script tag into your HTML:
- Go to Settings → Channels → Web Chat in the Empfio dashboard
- Copy the embed code shown on the page
- Paste it into your website's HTML, just before the closing
</body>tag - The chat bubble will appear on your site immediately
Find your Organization ID in Settings → General if you need to configure the widget manually.
How it works
- A visitor lands on your website and sees a chat bubble in the corner
- They click the bubble and the AI agent greets them
- The agent asks about services, collects their name and email, and checks availability
- Once the visitor provides contact details, a lead is created in your CRM
- The conversation appears in Dashboard → Conversations in real time
- If a booking is made, it shows up in Dashboard → Bookings
Privacy
- No cookies are set before the visitor opens the chat
- Conversations are stored server-side, linked to an anonymous session ID
- Once the visitor provides their name or email, a lead record is created
- No third-party tracking scripts are loaded by the widget
Troubleshooting
| Problem | Fix |
|---|---|
| Widget doesn't appear | Check the browser console for JavaScript errors. Verify the Organization ID is correct |
| "Could not connect" | Ensure your Empfio backend is accessible from the visitor's browser |
| Agent doesn't respond | Check that the agent service is running |
| Widget appears but looks unstyled | Make sure the script URL is correct and the widget CSS loads |