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.

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.

Style & Icon: Select from two styles—Bubble and Bar. Customize the icon type in the Bubble style.

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.

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

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

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

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.

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.