How to Customize the Chat Window in Live Chat Module

Introduction to the chat window

The chat window in the "Live Chat, Contact Form & Ticket System" module is an essential feature that allows for seamless communication between customers and support staff. This feature can be displayed in two forms: minimized and full-screen.

• Minimized chat window: A small window that stays at the bottom corner of the screen.
• Full-screen chat window: A larger window that provides a more extensive view for both customers and staff.

In the front office: The chat window appears at the bottom corner of the screen, allowing customers to initiate and continue conversations easily.

In the back office: Staff can view and manage multiple chat windows simultaneously, making it efficient to handle multiple customer queries at once.

Customizing chat window options

Follow this instruction to customize the chat window:

Step 1: Access chat box settings

• Navigate to the module configuration page.
• Go to the "Settings" menu.
• Select the "Live chat" tab.
• From the sidebar, choose "Chat box".

Step 2: Set up general settings

In this section, you can configure when the live chat should be active, choose the type of supporter information displayed, and customize the shop logo and name. These settings are crucial for defining the basic appearance and availability of your chat service, ensuring it aligns with your brand and operational hours.

Step 3: Appearance settings

These options allow you to customize the visual aspects of the chat window, including whether avatars are displayed, the width of the chat box, and the type of chat box used in both the front and back office. Adjust these settings to create a visually appealing and user-friendly chat interface that matches your website’s design.

Step 4: Button settings

Here, you can modify the labels and colors of various buttons within the chat window, such as the SEND button and labels for different chat states (e.g., online, offline). This ensures that the chat interface is intuitive and visually consistent with your brand's color scheme.

Step 5: Additional settings

This section includes options to hide the chat box on mobile devices, add a support link at the bottom of the chat box, and configure the type of link (contact form, ticket form, or custom link). These settings provide additional functionality and customization to enhance the user experience.

Customizing chat window fields

Follow this instruction to customize the fields in the chat window:

Step 1: Access chat box field settings

• Navigate to the module configuration page.
• Go to the "Settings" menu.
• Select the "Live chat" tab.
• From the sidebar, choose "Fields".

Step 2: Required fields

This section allows you to specify which fields are mandatory for customers to fill out before starting a chat, such as name, email, phone, department and message. Ensuring that key information is collected can help provide better support and streamline the conversation.

Step 3: Optional fields

Here, you can enable or disable additional fields and features, such as allowing customers to send product links when starting a chat. These settings give you the flexibility to tailor the chat experience to meet your specific needs and gather relevant information.

Step 4: Appearance settings

Customize the appearance of product-related information within the chat window, including product name and price colors. These settings help ensure that important product details are displayed clearly and attractively during the chat.

Conclusion

Customizing the chat window in your live chat module ensures that you provide a tailored and efficient communication experience for your customers. By adjusting the settings for the chat window’s appearance and required fields, you can enhance usability and functionality, leading to better customer satisfaction and support efficiency.