Skip to main content
The website widget lets visitors call or chat with one of your agents directly from your site. You customize its look on the agent’s Widget tab, then paste a small code snippet into your website.
1

Open the agent's Widget tab

Go to /agents, open the agent you want to expose, then select Widget (/agents/:id/widget).
2

Set the content and appearance

Configure:
  • Title — the heading shown in the widget
  • Color style — a solid color or a gradient preset
  • Border radius — None, Small, Medium, or Large
Use the Live Preview tabs (Minimized, Opened, On call) to see how it looks before publishing.
3

Restrict which domains can load it

Under Security → Allowed Domains, add the domains allowed to embed your widget. Your organization website is included automatically and can’t be removed. Use wildcards like *.example.com to allow subdomains.
Leaving the list empty restricts the widget to your organization website only. Add each site that should be allowed to show it.
4

Save and copy the embed code

Click Save, then copy the embed snippet from the code block at the bottom of the page and paste it into your website’s HTML, immediately before the closing </body> tag.
Reload your site — the widget appears in the corner and connects to your agent.

Capturing leads from the widget

When a visitor calls through the widget, the agent can collect their details during the conversation so you get a lead record alongside the call — review them on the Calls page.

Troubleshooting

Make sure the page’s domain is in the Allowed Domains list (or matches a wildcard), you saved the widget, and the embed snippet is present in the page HTML.
Add your production domain (and any subdomains via *.example.com) to the allowed domains list.
Transfers apply to phone calls only, not web calls. See Transfer calls to a human.