Before you start
Things you need to know:
Only account owners or users with the Can manage account permission enabled can access the chat widget settings.
Customise the widget
Expand the User menu, then go to Settings > Chat > Widget.
Under Color picker, you can choose the colours of your chat widget. The colour picker uses hex colour codes. Enter your hex colour code or select the box to open the visual colour selector.
You can edit the following colours:Main colour
The colour of the top bar, visitor speech bubbles, and send button. Enter a hex code or use the visual selector.Text colour
Select WHITE TEXT if you have a dark main colour and DARK TEXT with a light main colour.
Support colour
The colour of the agent speech bubbles and the reply text box. Enter a hex code or select to use the visual selector.Text colour
Select WHITE TEXT if you have a dark support colour and DARK TEXT with a light support colour.
Under Animation, choose a theme. Themes are animations to make your widget stand out. You can select a different theme for new visitors and returning visitors.
There are three theme variations:Basic
No animation.
Bounce
A bouncing animation.
Sonar
A pulsating, colour changing animation.
Select BASIC, BOUNCE, or SONAR to select your theme.
Select SAVE AND GENERATE CODE to finish customising.
Preview the widget
Expand the User menu, then go to Settings > Chat > Widget.
Select PREVIEW WIDGET and then select the Chat icon to open the chat preview.
Use the text box and attachment icon to send test messages to yourself.