40% off

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

See pricing

Install on your platform

How to add live chat to Webflow

Add live chat to your Webflow site: paste one line into the site's Footer code, publish, and answer visitors from one team inbox.

Before you start

You need a free Quarito account with your website added. Create one if you haven't yet: it takes a minute and there's no card to enter.

Then copy your install code from Administration › Chat Widget › Install. It's one line that looks like this, with your own site's ID in it:

Your install code
<script src="https://chat.quarito.com/l/YOUR-SITE-ID.js" async></script>
  • A paid Webflow site plan. Webflow keeps site-wide custom code for sites on a paid site plan.
  • Use it exactly as it is. Don't change the address or download the file: the chat updates itself from there.
  • You only paste it once. Colours, messages and everything else change from the dashboard and reach your site within about a minute.

Add the code to the site's footer

  1. In Webflow, open your site's Site settings.
  2. Go to the Custom code tab.
  3. Paste your install code into Footer code, the box for code before </body>.
  4. Choose Save changes.
  5. Publish the site. Custom code only reaches visitors once you publish.

Custom code doesn't run inside the Designer, so open your published site to see the chat.

The chat on some pages only

Keep the code in the site-wide Footer code, then list the pages that shouldn't show the chat under Chat Widget › Behavior › Pages without the chat. You can also paste the code into one page's own custom code (in that page's settings) instead, if only a few pages need the chat.

If the chat doesn't show on Webflow

  • The site wasn't published after saving. Publish again, to every domain you use.
  • You're looking at the Designer. Open the published site, at its webflow.io address or your own domain.
  • One of your domains isn't allowed. If you filled in Allowed websites in the dashboard, add both your own domain and the webflow.io one.

Check that it works

  1. Open your site in a private (incognito) window, so you see it the way a visitor does.
  2. Look for the chat button in the bottom corner of the page, then send yourself a test message.
  3. In the dashboard, the message appears in your Inbox as it arrives. Reply, and watch the answer reach the website.

You can also choose check the installation on the Install tab of Administration › Chat Widget: we load your home page and look for your code. No button? Go through when the chat doesn't show.

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