40% off

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

See pricing
Start free

No developer needed

How to add live chat to your website in three steps.

Create a free account, paste one line of code, and start answering visitors. It works on any website, with guides for every popular site builder.

Start free See the install guides

The three steps

  1. Create your free account

    Sign up with your email, then add your website's name and address. There's no credit card and nothing to download.

  2. Add one line to your website

    Copy your install code and paste it before the closing </body> tag, or into your site builder’s footer code box. The dashboard checks that it’s found.

  3. Start talking to visitors

    The chat button appears on your site. Messages arrive in your inbox as they’re sent, and you reply from any browser.

Install guides

Paste one line. Done.

Your install code is the same on every platform. It looks like this, with your own site in it. Pick your site builder to see where it goes.

<script src="https://chat.quarito.com/l/your-site-id.js" async></script>

How to add live chat to any website

  1. Copy your install code from Administration › Chat Widget.
  2. Paste it just before the closing </body> tag on every page, or once in your site’s shared footer template.
  3. Publish the change. Check that it’s found from Administration › Chat Widget › Check installation.
The full HTML guide, with troubleshooting →

Built with PHP, React, Next.js, Framer or Ghost? See every install guide, or install it with AI.

After you install

A conversation, from hello to happy.

Here's what happens when a visitor writes to you, and what your team does about it.

  1. A visitor writes

    They open the chat on any page. You can ask for their name and email first, or let them type straight away.

  2. Your team is alerted

    The chat appears in the inbox with a sound and a desktop notification, or goes straight to the online teammate with the fewest open chats.

  3. You answer

    See the page they're on and their past chats. Use a saved reply, send a file, or hand the chat to a teammate.

  4. The chat closes

    The visitor rates it and can email themselves a copy. Quiet chats close by themselves after a time you choose.

Make it yours

Five things to set up in your first ten minutes.

None of them are required to start. Each one makes the chat feel more like your business.

  • Your colour and logo

    Match the chat to your brand, and write your welcome message.

    Administration › Chat Widget

  • Your office hours

    Set the days and times you answer, and what happens outside them.

    Administration › Settings

  • Your team

    Invite teammates by email as agents, managers or admins.

    User Management

  • Saved replies

    Write answers to the questions you hear most, then type / to use them.

    Administration › Message templates

  • Help articles

    Publish answers customers can find by themselves, day or night.

    Administration › Knowledge Base

For developers

Know exactly who you're helping.

Pass your signed-in customers' names and emails to the chat, verified with a hash from your server. Your team sees who they're talking to, and nobody can pretend to be someone else.

Open and close the chat from your own buttons with Quarito.open() and Quarito.close().

// On pages where a customer is signed in
Quarito.identify({
  name:  "Ada Lovelace",
  email: "[email protected]",
  hash:  "HMAC-SHA256 of the email"
});

// Open the chat from your own button
Quarito.open();

Questions

Installing, answered.

Stuck? Write to us and we'll help you get it working.

How do I add live chat to my website?

Create a free Quarito account, copy your install code from Administration › Chat Widget, and paste it just before the closing </body> tag of your site, or into your site builder's footer code box. The chat button appears once the page is published.

Do I need a developer to install it?

No. If you can copy and paste, you can install Quarito. The guides above show exactly where the code goes on WordPress, Shopify, Wix, Squarespace, Webflow and Google Tag Manager.

How do I know it's working?

Use Check installation in Administration › Chat Widget. It looks for the code on your website and tells you when it's found. If you used Google Tag Manager, open your site instead and look for the chat button.

Will the chat appear on every page?

It appears on every page that has the install code. You can also keep it off pages you choose, like a payment or sign-up page, from the chat widget settings.

Can I use the same account on several websites?

Yes, on Premium. Add each website to your account and it gets its own install code, chat settings and inbox.

Can I change how the chat looks after installing?

Yes. Change colours, messages and the chat button in the dashboard, and your website shows the new look within a minute. You never need to paste the code again.

Ready in the time it takes to make a coffee.

Free forever plan · No credit card · No developer needed

Start free Talk to us