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.


Get a quick walkthrough of the customization options for the chat window available in ProProfs Chat.



Missed it? That’s okay. We can proceed with the detailed instructions.


Customizing your live chat widget offers the following advantages:


  • Brand Establishment: It allows you to create a unique and consistent brand image. 
  • Personalized Customer Experience: It enables you to provide a unique and personalized experience for each customer at every interaction. 


Below is a preview of a customized chat window for a specific operator group:



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


Step 1: On your ProProfs Live Chat dashboard,


  • Click Settings

  • You arrive in the Theme section under the Chat Window settings by default.

  • Here, you can find the option to customize the chat window for groups and edit style, color, and logo.


Access the Theme settings


Step 2: To begin chat widget customization,


  • Select the desired group from the dropdown menu to set up a theme. You can select the Default option if you wish to apply a universal theme across all groups.



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


  1. Layout
  2. Style & Icon
  3. Color
  4. Logo
  5. Chatbox Position
  6. Bubble Position
  7. Chatbox Size


Layout: Choose a design for your chat widget. The preview window on the right will update in real-time, allowing you to see how each layout will appear.


Select layout


Style & Icon: Select the appearance of your chat icon. There are two styles available: Bubble and Bar. If you opt for the Bubble style, you can customize the icon type to suit your preferences.


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


Choose the Chat Widget Style and Icon


Color: Select a color theme for the chat window. If you wish to further customize the appearance, click More to access additional options. Here, you can modify the text color for visitors and operators to align with your chosen theme.


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 pi“els.”

Add 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.


And that’s it! If you encounter any issues or have any questions, don’t hesitate to contact our support team. 



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