Web Chat Widget

Add an AI-powered chat bubble to your website. One snippet, no developer required.

Configuring it

On the Web Chat tab:

Setting	What it is
Display name	The name shown in the widget header
Welcome message	The line shown in the header before the chat starts
Agent greeting	The first message your AI agent actually sends
Response-time note	For example, “We typically reply in a few minutes”
Chat header logo	Uses your brand logo by default; untick Use brand logo to upload a separate one
Primary colour	The widget’s accent colour
Launcher position	Bottom-left or bottom-right

The live preview

A live preview sits beside the settings and updates as you type. It is not a mock-up – it’s connected to your real AI agents and your real knowledge base.

So test it properly. Ask it the questions your customers actually ask, drawn from the documents you uploaded. This is the moment you find out whether your knowledge base is doing its job, and it’s far cheaper to find out here than on your live site.

Placeholders

You can use these in your welcome message and agent greeting, and they fill in automatically:

Placeholder	Fills in with
`{agent}`	The AI agent’s name
`{brand}`	Your brand name
`{supportemail}`	Your branded support address, e.g. `[email protected]`
`{supportportal}`	Your customer support portal address

{supportemail} and {supportportal} need your custom domain. Until you’ve linked a domain with active SSL, they stay blank – your AI will not quote an address that isn’t yours. Once your domain goes active, they fill in automatically with no reconfiguration needed. See Your Domain & SSL.

If you need a different support address, you can set an override on this tab.

Embedding it

When you’re happy with the preview, copy the embed code and paste it into your website’s HTML, just before the closing </body> tag. That’s the whole installation.

It works on any website – your own site, a CMS, a landing page. If you can paste HTML into it, the widget will run.

Going live

Once embedded, visitors get your AI support team from the moment they land. Conversations that need a human are handed to your agent workspace, with the full history already attached.