How to Customize Live Chat Window


The customization feature in ProProfs Live Chat allows you to tailor the appearance and functionality of your live chat widget. You can customize every element of the chat window, from the style and color of the minimized view to adding a logo and even changing the text color for visitors and operators.


This help article will guide you through the various options available to make your chat window unique and effective for engaging with visitors on your site.


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 Consistency: Customize the chat window to match your company's branding, enhancing your professional image.
  • Enhanced User Experience: Offer a personalized chat experience that can adapt to the context of each visitor's needs.
  • Operational Flexibility: Set different themes for various operator groups, allowing for role-specific functionalities and appearances.


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



To Customize the Chat Window


Step 1: On the dashboard, click Settings.


You will automatically land on the Theme section under Chat Window Settings. 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: Select the group you wish to customize from the dropdown menu.


You can choose the Default option to apply a universal theme across all groups. This step is crucial for targeting specific customer interactions with tailored designs.



Step 3: Customize the Theme


Here are the various customizable settings for your theme:


  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 from two styles—Bubble and Bar. Customize the icon type in the Bubble style.


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 customize the appearance further, 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 pixels."


Add logo to your live chat widget


Chatbox position: Choose between Left or Right placements for the chat icon.


Chatbox Position


Bubble Position: Adjust the position of the chat bubble for desktop and mobile screens.


Bubble Position


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


Chatbox Size: Choose from Small, Medium, or Large to best fit the chat window on your site.


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: Click "Save Changes" to apply your customizations.


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



© 2005 - 2024 ProProfs
add chat to your website