Skip to content
ezychat.io
Start free

Channels guide

Add a chat box with an AI employee to your website

Create the widget, allow your website's address, and paste one line of code. Visitors chat with your AI employee, and every chat lands in your inbox.

By Updated 4 min read Every plan, including Free

In short

  1. Create a website chat widget. In Settings › Channels, click Website chat to open New website chat widget, and give it a name.
  2. Allow your website domains. Under Allowed website domains, add each exact website address the widget may load on, such as https://www.yourbusiness.com.
  3. Style the widget. Set the accent colour, launcher position, welcome message and conversation starters, and check them in the live preview.
  4. Paste the embed code into your site. Copy the embed code from the widget card and paste it into your website, before the closing body tag or in your site builder's custom code area.
  5. Put your AI employee on the channel. Add the website chat channel to a published AI employee on its Channels tab.

The website chat widget puts a chat box on your site, answered by your AI employee and your team from the same ezychat.io inbox as WhatsApp, Instagram and Messenger. It loads in its own frame and only on the domains you allow.

Before you begin

  • Access to add a script to your website, or to your site builder’s custom code settings.
  • The exact address of each site that will show the widget, for example https://www.yourbusiness.com.

1. Create a website chat widget

Go to Settings › Channels and click Website chat. The New website chat widget window opens. Give the widget a name you’ll recognise, such as your website’s name.

2. Allow your website domains

Under Allowed website domains, enter one exact origin per line, with https:// and no path, for example https://www.yourbusiness.com. The widget refuses to load anywhere else, so nobody can copy it onto their own site.

If you test on a staging site too, add that address as well.

3. Style the widget

Set the Accent color, the Launcher position (bottom right or bottom left), an optional Launcher label and Logo URL, your Welcome message and up to a few Conversation starters. The Live preview shows the result as you type.

To collect an email address when nobody is around, turn on Capture email when offline.

4. Paste the embed code into your site

Save the widget. Its card in Website chat widgets shows the Embed code: one line of HTML. Copy it and paste it into your website just before the closing </body> tag, or into your site builder’s custom code area for all pages.

5. Put your AI employee on the channel

Open AI employees, pick a published employee, and add the website chat channel on its Channels tab.

Check it works

Open your website in a private browser window, start a chat, and ask a question your documents answer. The conversation appears in your inbox with the page it started on, so you can see where your leads come from.

Ready to try it?

The free plan includes one channel and one AI employee. No card.

Start free

Questions

The widget doesn't appear on my site. Why?

The page's address must match one of the Allowed website domains exactly, including https and www. Add the missing address under Edit configuration on the widget card.

Can I ask for an email when nobody is around?

Yes. Turn on Capture email when offline in the widget's settings.

What happens if I regenerate the embed code?

The old code stops working, so paste the new code on your site straight away or the widget will no longer load.

Keep going