Search through more than a hundred articles on every aspect of User.com

Michael Wertenberg
Written by Michael Wertenberg

How to change the chat widget design

Adjust your chat widget to your website


Why change the chat widget design?

Each website looks and feels different. This is why User.com 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 User.com 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 in 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 about personalizing your chat widget, read this article.

Categories: