Where to change it
Everything about the chat on your website is in Administration › Chat Widget, on five tabs: Install, Appearance, Messages, Behavior and Features. Admins and managers can change it.
- Live preview. Beside the settings you see the real chat with your unsaved changes. Type in it to try it: nothing you type is sent.
- Save changes when you're happy. Your website shows the new version within about a minute, with no new install code.
- Try it (top right) opens a test page with your chat on it.
Appearance
- Color: the chat button, the chat's header and the visitor's own messages. Pick a swatch or type your brand's colour code. Text on light colours turns dark by itself, so it's always readable.
- Corners: sharp, rounded or round.
- Theme: light, dark, or follow each visitor's device.
- Font: a clean system font, a serif, or your website's font to match your pages.
- Header: photos of the agents online, your logo, or just the title. The logo is the site's image in Administration › Settings; each agent sets their own photo in their profile.
- Chat button: a round icon, or a button with a few words like “Chat with us”; its icon and size; and the Corner it sits in. Space from the side and Space from the bottom keep it clear of other things, like a cookie banner or a “back to top” button.
Messages
- Header title and Line under the title: the heading of the open chat, and a short line under it while your team is online, like your usual reply time.
- Welcome message: the first message visitors see, before anyone replies.
- Away message: shown under the welcome when nobody is online.
- Message box hint: the grey text in the empty message box.
- Greeting bubble: a short line that pops up beside the closed chat button after the delay you choose, like “Questions? We're here to help.” Clicking it opens the chat. Leave it empty for no bubble. A visitor who closes it doesn't see it again that visit.
Behavior
- Open the chat by itself: after a number of seconds on the page. It happens once per visit, never on phones, and never again for a visitor who closed it. Use it sparingly: it can feel pushy.
- Show on phones: on or off. On phones, the open chat fills the screen.
- Pages without the chat: page paths like
/checkout. End one with * to include everything under it, like /account/*. Press Enter after each. Someone already in a chat still sees it there.
- When nobody is online: Keep chatting (visitors write, and messages wait in your inbox) or Hide the chat (the button disappears until someone is online).
- Ask for name and email: don't ask, ask with a Skip button, or require an email before visitors can write. Their answers show beside the chat in your inbox.
- Allowed websites: only these websites and their subdomains can show your chat, so nobody can copy your code onto another site. Leave it empty to allow any. If you fill it in, include every address you use, like a staging site or
localhost while testing.
Features
Switch each one on or off:
- Files and pictures: visitors can send pictures, PDFs and documents up to 10 MB.
- Emoji: an emoji button beside the message box. Visitors can always type emoji themselves.
- Rating when the chat ends: “How was this chat?” with a thumbs up or down and an optional comment. Ratings show beside the conversation in the inbox.
- Email me this chat: visitors can email themselves a copy of the conversation from the chat's menu. Internal notes are never included.
- Agents' names and photos: replies show who wrote them. When it's off, they show your site's name and logo instead.
- Sound for new replies: a soft chime when a reply arrives while the chat is closed or the tab is in the background. Each visitor can turn it off.
Your brand only
There's no Quarito logo or “powered by” line in the chat, on any plan. Your visitors see your colours, your words and your team.
Next: set the hours you answer, or write saved replies.
