Changing the appearance of the chat widget

It’s easy to completely customize the design of your chat widget. Make your way to the Administration section of the Dashboard and select Chat Widget from the menu.

If you have multiple properties, check to make sure you're currently viewing the correct one by hovering over the hamburger icon at the top of the Dashboard.

The Advanced menu in the Widget Appearance section allows you to change the color, size and shape of the chat widget. If you're looking for a way to make your chats stand out more on a page or want to match the color scheme of your website, look no further.

All of the options for changing the widget appearance are on the left, while the right side of the window will provide a real-time preview of the changes you're making so you can see the results as you go.

Desktop Widget

Making changes in the Desktop Widget section will only affect how visitors see your widget while using a desktop browser. Your first choice is between the small circle or the rectangle shape.

The circle takes up less space on a page and is ideal if you're looking for something simple that won't break up the design of your site. The rectangle is a little more customizable, as you can change both the Minimized Width and the Minimized Height.

You can also change the message that appears on the minimized chat widget in the Widget Content settings and even modify how sharp the edges are. Go for a more circular shape by increasing the Top Radius and Bottom Radius. To change the size of the widget once it's been opened, adjust the Width and Height.

People have become accustomed to seeing live chat options on websites and in general, most of these appear in the bottom right corner of the page. While it can be a good idea to keep your widget where most visitors will expect it, sometimes this just doesn't work for the layout of a page. If you need to move your chat widget around you can shift it to one of the other Widget Positions.

If you're looking for a way to make the chat widget stand out, try using the Attention Grabber. You can add your own custom text and pick the colors, use one of our pre-made images from the gallery or upload your own image to help make sure your visitors know you're available to strike up a conversation.

Mobile Widget

When your visitors are on your site using a mobile device, screen space is at a premium. You have two simple options here in terms of shape, the small circle or the rectangle. Pick and option and choose from six placement options on mobile.

Widget Colors

The last option for changing the widget appearance is choosing the Widget Colors. Here you have full control over text and background colors. If you want to fly your company colors here you can match the text or backgrounds with a hex color code. Keep in mind though, it's important to make sure your widget stands out to so your visitors are sure to find it.

Was this article helpful?

295 out of 360 liked this article

Still need help? Message Us