40% off

Premium is $9 a month for your first 3 months, instead of $15.

See pricing

Get started

Install the chat on your website

Your install code, where it goes on any website, a guide for each platform, and what to do when the chat doesn't show.

Your install code

Every website you add gets its own install code: one line that looks like this, with your site's ID in place of YOUR-SITE-ID.

HTML
<script src="https://chat.quarito.com/l/YOUR-SITE-ID.js" async></script>

Copy yours from Administration › Chat Widget › Install. On the same tab, Email it to your developer sends it with the instructions.

  • Paste it once, just before </body>, in the part of your site that every page shares: a footer, a layout or a theme template. Then every page gets the chat.
  • Keep it exactly as it is. Don't download the file or change the address: the chat updates itself from there.
  • You never paste it again. Colours, messages and everything else change from the dashboard and reach your website within about a minute.

Check the installation

Choose Verify installation after adding a site, or check the installation on the Install tab of Administration › Chat Widget. We load your home page the way a visitor would and look for your code.

“Not found yet”

  • The change isn't published yet, or your site's cache still serves the old page. Clear the cache and try again.
  • The code is on another page, not the home page.
  • The code was added by Google Tag Manager, which the check can't see.

“Couldn't reach your site”

  • The site is down, or takes longer than 10 seconds to answer.
  • The site blocks visitors it doesn't recognise, for example with a firewall or a password.
  • The address is local or private, like localhost. Only public websites can be checked, but the chat itself still works there.

When the chat doesn't show

The code is on the page, but there's no chat button? Go through these, most common first.

  • Nobody is online, and the chat is set to hide. In Chat Widget › Behavior, “When nobody is online” is set to Hide the chat. Set your status to Online, or choose Keep chatting.
  • Outside office hours, set to hide. See Office hours.
  • The page is on the “Pages without the chat” list (Chat Widget › Behavior).
  • You're on a phone, and phones are switched off (Chat Widget › Behavior).
  • The website isn't on your “Allowed websites” list. If you fill in that list, only those sites (and their subdomains) get the chat, so add every domain you use, including a test or staging address.
  • The site is set to Inactive in Administration › Settings. Visitors then see that chat is unavailable.
  • The code isn't on this page. Right-click the page, choose View Page Source and search for /l/. If it isn't there, it was pasted into a file this page doesn't use.
  • A cache serves the old page. Clear your caching plugin, your host's cache and any CDN cache, then reload.
  • Your site has a Content Security Policy (see below).

Still no button? Write to us with your website's address, and we'll look.

Sites with a Content Security Policy

If your site sends a Content-Security-Policy header, add the chat's address to it, or the browser blocks the chat. Add these to the lists you already have:

Content-Security-Policy
script-src  https://chat.quarito.com
connect-src https://chat.quarito.com wss://chat.quarito.com
img-src     https://chat.quarito.com
style-src   'unsafe-inline'

The chat draws itself in its own sealed-off box, so your page's styles can't change it, and its styles can't change your page.

More than one website

Add each website from Switch site › Add a site. Each one gets its own install code, settings and inbox. Use each site's own code: a code pasted on the wrong site sends its chats to the wrong inbox. Free includes one website; Premium includes more. See Plans and billing.

Still stuck? Write to us and a real person will reply by email, or see all guides.