How to Customize Live Chat Window


ProProfs Live Chat gives you a free hand at customizing the live chat widget. You can change every element from chat minimized window style and color to adding a logo and changing text color for visitors and operators.


You can also customize your chat widget for every operator group separately to make them look different from others.


Customizing your live chat widget enables you to:


  1. Establish your brand presence

  2. Uniquely treat customers at every step


Below is an overview of how you can modify your customize your chat widget:


Preview of the customization of the live chat widget for your website



Here’s how you can customize the chat window for your website visitors:


Step 1: On your ProProfs Live Chat dashboard,


  • Click 'Settings'

  • By default, you arrive in the 'Theme' section under the Chat Window settings.

  • You can find the option to choose groups and edit style, color, and logo. There’s also an advanced section to help you further customize your chat widget.


Access the Theme settings


Step 2: To begin chat widget customization,


  • Select the group from the dropdown for which you want to set up a particular theme. You can keep it as ‘Default’ if you’re going to generalize the theme.


Select the group before beginning to customize the live chat window


Step 3: From here, you can play with various customizable theme settings:


Style: Choose how you want the chat icon to look. You can select between Bubble and Bar.


Icon: If you choose Bubble, you can play around further with the icon type.


NOTE: This option remains unavailable if you go with the Bar icon style.


Choose the Chat Widget Style and Icon


Color: Choose the color for the chat, 'Bubble' or 'Bar,' as per your preference. Click 'More' to expand the menu and customize the visitor and operator text color. 


Choose the color of your live chat widget


Logo: Add your company logo with this option. Please note that the recommended size is 350 x 200 pixels.


Adding logo to your live chat widget


Chatbox Position: Select “Left” or “Right” to adjust the chat icon position.


Chatbox Position


Bubble Position: Select the Chat bubble position for your desktop and mobile screen.


Bubble Position


NOTE: This feature is not available for bar-style chat icons.


Chatbox Size: Select the chat window size: Small, Medium, or Large.


You can see the preview of the chat window on the bottom right of the ProProfs Chat editor screen.


Chatbox Size


You can see the real-time preview of these changes on the preview chat window on the right, as shown in the screenshot below.


Step 4: Make sure to click Save Changes at the end.


That is all about how to customize the live chat window in ProProfs Live Chat.


More Live Chat Customization Options


Video About:  How to Customize Your Live Chat Window



Was this information helpful?
© 2005 - 2023 ProProfs
add chat to your website