Live Chat Theme

Owned by Matthew Miao
Last updated: Nov 11, 2024
3 min read

Video Tutorial

https://www.youtube.com/watch?v=deHqDBZFhcw

Live Chat Theme Add-on Documentation

The Live Chat Theme Addon is a partner-exclusive add-on for UChat that allows customizing the live chat appearance through an intuitive interface, offering settings to modify colors, styles, and other visual options. This documentation provides a guide for installing and configuring the add-on based on the video tutorial and the steps outlined in the attached image.

1. Activating the Add-on

  1. Go to the partner settings menu: White Label Settings > Partner Settings > Custom Addons.

  2. Find the Live Chat Theme Addon and purchase it through the one-time payment option.

  3. After the purchase, the add-on will be available in your partner settings.

  4. Make sure to activate the add-on after configuring the options so that all changes take effect.

Ā 

2. Available Settings

The Live Chat Theme Addon offers three main configuration categories:

a. Colors

This section allows you to customize the colors of various elements in the chat interface. Color settings include:

  • General Color: Change the color of text and backgrounds.

  • Filters: Modify the colors of applied filters.

  • Borders: Adjust border colors to distinguish different message types.

  • User Messages: Customize colors for user and bot messages, including backgrounds and hover effects.

  • System Notifications: Adjust colors for system messages, such as updates to custom fields or added tags.

Note: In accounts with existing messages, you can instantly preview color changes. To apply, save the changes and reload the interface if needed.

b. Styles

In the styles section, you can modify visual aspects such as:

  • Fonts: Change the font style to customize the text's appearance.

  • Padding: Adjust the internal spacing (margins) of sent and received messages, allowing control for each side (top, bottom, left, right).

  • Sent and Received Messages: Control the specific style for messages sent by the user or received from support.

Ā 

c. Additional Settings

In addition to colors and styles, the Live Chat Theme Addon offers extra options:

  • Image: You can upload a custom image that will appear on the right side of the chat interface when no conversation is selected. This image helps personalize the interface, giving users a welcoming visual.

  • Text: You can customize the message that appears alongside the image when no chat is selected. By default, it says, "Hello there! You haven't selected any chat." This message can be tailored to better fit your brand voice or provide instructions to the user.

Ā 

3. Saving and Applying Settings

After configuring colors, styles, and other options, click "Save." To ensure all changes are applied correctly:

  1. Save the changes made.

  2. Reload the chat to verify that the new settings have been applied.

  3. If any adjustment does not appear immediately, save again and reload the interface.

4. Future Updates

UChat plans to expand customization options for this add-on. New features will be added based on partner feedback to provide greater visual and functional control in the live chat.

Conclusion

The Live Chat Theme Addon is a robust tool that allows you to customize the live chat appearance to match your brand identity or style preferences. If you need a more specific look for the live chat, simply purchase the add-on to gain lifetime access to these settings.

FAQ

  • Can I preview settings before applying them? Yes, all changes are previewed in real time, allowing quick and easy adjustments.

  • Do applied changes take effect immediately in the live chat? Yes, once saved, the applied settings should be reflected in the chat interface. If no visible changes appear, try reloading the interface.

With these instructions, you will be ready to configure and customize the Live Chat Theme Addon to meet your needs and preferences. If you need further assistance please contact us by email in ticket@uchat.com.au