Look and feel
Set the chat's title, greeting, colour, corner, logo and suggested questions.
The Look tab sets how the chat appears on your website. The settings are rows on the left. The Preview beside them (below them on a narrow screen) updates as you type, and you can ask it real questions there too.
The settings#
| Row | Setting | What it does | Default |
|---|---|---|---|
| Words | Title | Shown at the top of the chat. Up to 60 characters. | The chatbot's name |
| Greeting | The first message visitors see. Up to 500 characters. | "Hi! Ask me anything about how to use our product." | |
| Text in the empty message box | The hint inside the box where visitors type. Up to 100 characters. | "Type your question…" | |
| Suggested questions | Four boxes | Up to four, shown as buttons before the first question. Up to 120 characters each. Leave a box empty to skip it. | None |
| Colour | Colour picker, or a colour code | Used for the chat button, the header and visitors' messages. Pick it, or type a code like #0f172a. | Dark slate, #0f172a |
| Corner | Bottom right or Bottom left | Where the chat button sits on your website. | Bottom right |
Click Save look, at the bottom right, to apply your changes. Undo changes, next to it, puts back what was saved. Visitors see the new look the next time a page loads.
Text stays readable
Text on your colour is switched between light and dark automatically, so it stays readable on both pale and dark colours.
Logo#
The Logo row sets the picture in the chat's header. It says No logo yet until you add one.
- PNG, JPEG, WebP or GIF, up to 200 KB.
- Square works best.
- It's saved straight away when you choose the file. You don't need to click Save look.
- To take it off, click Remove logo.
SVG files aren't accepted.
Good suggested questions#
Suggested questions help visitors get started. Pick questions your help pages answer well, for example:
- "How do I change a booking?"
- "How do I connect Stripe?"
- "Where can I find my invoices?"
Try each one in the preview. If an answer is weak, improve the help page or pick another question.
What visitors see#
- A round chat button in the corner you chose.
- When opened: your logo and title, a button to Start a new chat, and a close button.
- Your greeting and suggested questions, then the conversation.
- A note under the message box: "AI answers from our help pages. They can be wrong."
- Under an answer that doesn't already link to a help page, Read more links to up to three pages it used.
The chat remembers the conversation in the visitor's browser, so it's still there when they move to another page.
The chat's styles are kept separate from your website's, so your site's design can't break it, and it can't change your site.