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 Framer

Add live chat to your Framer site: add the install code as a custom script at the end of the body, publish, and you're live.

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 published Framer site. Framer may ask for a paid site plan before it runs custom code.
  • 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 as a custom script

  1. In your Framer project, open Project Settings.
  2. Choose the Custom Code tab on the left.
  3. Choose Add Script (or + if you have scripts already), and name it, for example "Live chat".
  4. Paste your install code, and place it at the end of the body.
  5. Choose to run it on every page visit, and keep it on all pages.
  6. Publish your site.

Custom code runs on the published site, not in the Framer canvas or preview, so open the live site to see the chat.

The chat on some pages only

Framer lets a script run on the pages you pick. Or keep it on every page and list the pages to skip under Chat Widget › Behavior › Pages without the chat.

If the chat doesn't show on Framer

  • The site wasn't published after adding the script. Publish again.
  • The script is set to run once. Set it to run on every page visit, so the chat stays as visitors move between pages.
  • One of your domains isn't allowed. If you filled in Allowed websites in the dashboard, add your own domain and your framer.website address.

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.