Web Chat puts one of your agents on your website with a single script tag. You don't connect it in Connect. Each time you publish an agent, Natiq creates that agent's Web Chat channel and attaches the agent to it. The snippet and widget key live in the agent's Share tab.

Get the snippet

The Web chat card holds the one-line snippet to paste into your site, with a copy button.

1. 1Copy

1. Publish your agent from Build. Until it is published, the Share tab says "This agent hasn't been published yet, so nothing is answering."

2. Open Agent Builder, open the agent, and go to the Share step (after Build and Design).

3. In the Web chat card, copy the Embed snippet.

4. Paste it into every page of your site, just before the closing body tag.

The snippet looks like this, with your own loader address and key:

<script async
  id="natiq-chat-script"
  src="https://YOUR-WIDGET-HOST/js/natiqLoader.min.js"
  data-widgetkey="YOUR_WIDGET_KEY"></script>

Keep the id and data-widgetkey attributes as they are. The widget reads its key from them.

No snippet shown?

If Web Chat isn't deployed for your environment, the card shows only the Widget key, with a note that it still works for a custom integration.

Test it

On the Share step, select Try it in the toolbar. It's available once the agent is published. In Connect, the Web Chat row also has a Test action; it's unavailable for a disabled channel.

On your site, the chat launcher sits in the corner until a visitor opens it.

1. 1Chat launcher

A visitor opens the chat, gives a name, picks Roaming packs from the menu and reads the answer.

Where Connect fits

Connect lists Web Chat channels read-only, tagged "Managed by Agent Builder", because changing one there could make an already-pasted embed answer as a different agent. From Connect you can:

• View details, which shows the snippet and key;
• Test;
• Choose queue, the one setting that isn't the builder's: where conversations land when a person takes over;
• Open in Agent Builder.

If a published agent has no Web Chat channel, Connect shows a Web chat not set up band with a Repair button that creates it the same way publishing does. The Share tab offers Set up web chat for the same case.

Replace the widget key

If the key leaked, select Replace key in the Replace the widget key area and confirm. Every page still carrying the old key stops reaching this agent until you paste the new snippet. Replacing the key keeps your Design settings.

Other channels on the same agent

The Share tab also lists other channels this agent answers, with a Manage in Connect link, and other ways in such as webhooks and schedules.

Customize Web ChatBrand colour, launcher, welcome screen and menu.Choose who answers a channelQueues and handover to people.