Search through more than a hundred articles on every aspect of

Aneta Koreba
Written by Aneta Koreba

How to change the chat widget design

Adjust your chat widget to your website

Why customize the chat widget design?

Each website looks and feels different. This is why not only enables you to change the communication of your chat widget but also its design.

How to change the design of the widget

Once you have installed the chat widget, you can adjust it according to your needs.

Go to Settings -> App Settings -> Widget design.

Here's what you will see:Here, you can experiment with different colors or gradients as well as change your chat icon. You can also change the form of the chat window and its placement.

Widget class - Defines how the widget looks when it's expanded

Widget state - how the widget appears or is hidden when the user opens a new page

Widget alignment - The chat widget can be displayed either on the left or in the lower right corner. Select the option that best suits your website.

Launcher class - In this section, you can select the version for the widget: standard or modern. 

Color picker - You can select either one color or a gradient.

For more info about personalizing your chat widget, read this article.