Brand your chat widget

The chat should look like part of your website. It takes about five minutes, and you can see every change in the live preview as you go.

Name and status line

Open Appearance. The assistant name shows at the top of the chat. Many businesses use their own name, like “Hartley Dental”, or a friendly first name. The status line sits underneath, for example “Usually replies in a few minutes”.

Colours and images

  • Main colour fills the chat header, the buttons and the visitor’s messages. Chati suggests one from your website. You can paste your own colour code, like #1C1E24.
  • Text colour is for words and icons on your main colour. Leave it on Automatic and Chati picks white or dark so it’s easy to read.
  • Assistant icon shows next to every answer. Use a square PNG, SVG or JPG, at least 256 × 256 pixels and under 1 MB.
  • Header logo is optional: a wide logo shown instead of the assistant name.

The chat button

Choose a simple speech bubble, your own icon, or a button with words, such as “Ask us anything”. A button with words is the easiest for visitors to notice. Then choose the bottom left or bottom right corner.

Save

Press save when you’re happy. If you change your mind before saving, press Discard. Your changes appear on your website straight away.

Still stuck?

Our UK team is here 8:30am to 5:30pm, Monday to Friday.