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. 

 

 

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