CallsCovered› HELP CENTRE

Help › Website chat

The chat on your website

What the website chat is, and step-by-step help adding it to WordPress, Wix, Squarespace, Shopify and other sites.

The website chat puts a button on your website. Visitors click it and talk to your receptionist in writing. They can ask questions and leave their details, and book appointments if your plan includes bookings. Every chat appears in Conversations in your dashboard.

Website chat is part of some plans. If you can't see Website chat and Add the chat to your website in Settings, email hello@callscovered.ai.

What visitors see

  • A button in the bottom corner of each page, labelled "Chat with (your receptionist)" unless you change the wording. It shows your logo if you've uploaded one.
  • A short pop-up message beside the button after a few seconds, unless you've switched it off.
  • A chat panel when they click. On phones, it fills the screen.

The chat itself only loads when someone opens it, so it doesn't slow your pages down.

Getting the code

  1. Go to Settings and open Add the chat to your website.
  2. Click Copy.

It's one line, with your own dashboard's address in it:

<script src="https://your-dashboard-address/widget.js" async></script>

Always copy it from the dashboard rather than typing it out. Paste it once, just before </body>, so it's on every page. Pasting it twice by mistake does no harm: only one button appears.

To see the chat on its own, click Open the chat in the Website chat tile. That page works by itself too, so you can link to it from an email or social media.

Which websites it works on

The chat only opens on the website address CallsCovered has on file for you, and other addresses ending the same way, such as www. or a shop. subdomain. If your site also lives at a different address, such as a builder's free address or a separate shop domain, the button can appear but the chat panel won't open there. Email hello@callscovered.ai with the address and we'll add it.

WordPress

The simplest way is a plugin that adds code to every page. WPCode is a popular free one.

  1. In WordPress, go to Plugins, then Add New, and search for WPCode. Install and activate it.
  2. Go to Code Snippets, then Header & Footer.
  3. Paste the line into the Footer box.
  4. Click Save Changes.

If you'd rather not add a plugin, some themes have their own "footer code" or "custom scripts" box in the theme settings. Use that instead. On WordPress.com, adding plugins or custom code needs a paid plan that allows it.

Wix

Custom code needs a Wix Premium plan with a connected domain.

  1. In your Wix site dashboard, go to Settings, then Custom Code (under Advanced).
  2. Click Add Custom Code.
  3. Paste the line, and give it a name such as "Chat".
  4. Choose to add it to All pages, and place the code in Body - end.
  5. Click Apply.

Squarespace

Code Injection needs a Core plan or higher (on older plans, Business or higher).

  1. In Squarespace, go to Settings, then Advanced, then Code Injection. On some sites this sits under Website, then Pages, then Custom Code.
  2. Paste the line into the Footer box.
  3. Click Save.

Shopify

  1. In Shopify admin, go to Online Store, then Themes.
  2. Next to your current theme, open the menu and choose Edit code.
  3. Open theme.liquid in the Layout folder.
  4. Find </body> near the end, and paste the line just above it.
  5. Click Save.

If you change or update your theme later, check the line is still there.

Other websites

Look for a setting called "custom code", "code injection", "footer code" or "tracking code", and paste the line there for all pages. If a web designer looks after your site, send them the line and ask them to add it just before </body>.

Changing how it looks

The button wording, colours, pop-up message, suggested questions and more are set in Website chat. You don't need to paste the code again: your website shows changes within a minute. See Website chat.

The security check

To keep spam and bots out, the chat uses Cloudflare's security check. Most visitors never notice it, because it runs quietly in the background. If Cloudflare isn't sure, the visitor sees a card saying "Quick check before we chat" and ticks a box. Their messages wait until they have.

If a visitor tells you the chat said the security check didn't pass, see My chat says the security check didn't pass.

Still stuck? Write to hello@callscovered.ai with your business name and what you were trying to do, and a person will reply.