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.

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.

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.

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.

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

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

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

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.

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.