Chats can start when either a visitor interacts with a custom start chat button added to your website, or if you implemented an open chat window API method, that builds a custom mechanism responsible for opening a chat. The widget icon is never displayed, hence your visitor can’t initiate a chat by clicking on it. Once a chat starts, a customer can initiate a conversation by clicking on the chat widget icon as well. This option allows you to keep your chat widget hidden until it gets activated via: a greeting, an interaction with a custom start chat button added to your website, or an open chat window API method. Check out the engagement health check and other services you can benefit from. Our partners offer a wide range of services that can increase your chat widget engagement. The widget icon on your site is always visible so your customers can start a chat by clicking on it. If you want to learn more about the differences between the options described below head to our article on Chat widget visibility. It is also possible to define the spacing between your chat widget and corresponding bottom and side edges.Ĭontrol when to display the chat widget icon on your website. Toggle the Dark mode switch to set the dark mode for your chat window.ĭecide where the chat widget should be placed on your website. It affects all of the widget elements, including rich messages and forms. The dark mode makes your widget display texts in white color on a dark background. You are able to change the color of both minimized and maximized widget elements, either by providing a hexadecimal representation or by using our built-in color picker! Click on More color settings to create your own color scheme. That is why, in addition to the prefabricated sets of colors, you can choose any combination that suits you. We also realize that each website is different. If you want to edit the accent color, click on the first option on the right. Select Theme color to use one of our predefined sets. Choose between a simple yet functional Bar and a modern and minimalistic Bubble! In addition to changing the theme of your chat, you can also change the style of the minimized window. You can currently choose between Smooth and Modern. AppearanceĬhat configurator gives you the option to pick a theme of your chat window. Looking for a custom chat widget theme for your website? Our recommended partners can develop one for you. Position, including alignment and spacings.Chat widget theme for maximized and minimized states.You can use it to safely test your design on a live website without the need to save it and make it visible to the public. The live editor allows you to seamlessly match chat window looks and position with your website.
This will apply all changes to your website.Īnd that’s it! So, now that you know how to use the chat widget configurator, let us review each option that it has to offer. If you’re done with your chat widget configuration, simply hit Save changes, available at the bottom of the configurator.Preview feature provides separate views for both desktop and mobile devices. You can see all changes reflected in real-time, before applying them to your website. When customizing your chat widget, take a look at the Preview section located on the right side of the screen.You can, for example, choose a Ready sets of colors for your chat window. Now, choose which element of the chat widget you would like to customize.If you’re using Groups at LiveChat, choose the group for which you’d like to customize your chat widget.To start customizing your chat, go to the Settings → Chat window → Customization.Customize your chat widget: available options - learn what customization options are available in chat widget configurator.Customize your chat widget: how to? - learn how to use the chat widget configurator.And all of that without using any additional CSS or JavaScript configuration! So, without further due, let’s dive in and see how you can use the chat widget configurator to your advantage. With just a few easy steps, you can not only change the looks of your chat window but also tweak the behaviour of your widget, for example by disabling it for customers visiting your website from mobile devices.
That’s why each LiveChat account comes pre-equipped with a powerful yet easy to use chat widget configurator. At LiveChat, we know how important it is to maintain the awareness of your brand among customers.