Livechat Widget Appearance

Prev Next

The Livechat Widget's appearance can be customized to fit your branding style. Whether agents are online or not, you can customize the widget appearance for offline and online hours. The fields on the registration form and the messages displayed after a conversation are both customizable.

To access Livechat Appearance, go to Administration > Omnichannel > Livechat Appearance.

General settings

  • Hide "powered by Rocket.Chat":  Enable this option to hide the watermark in the widget.

  • Livechat background: Enter the widget background color as hexadecimal (#F5455C), a color name (red), or an image using a URL (url('https://example.com/image.png')). This field follows CSS standards. See the background property documentation for details.

  • Livechat widget position on the screen: Select the position of the widget on your site - Left or Right. The widget is displayed at the bottom of the page.

  • Hide system messages: Select the system messages that you want to hide in the livechat conversations in the widget. The options are as follows:

    • Hide "User Join" messages

    • Hide "User Leave" messages

    • Hide "Conversation finished" messages

    • Hide "Conversation started" messages

    • Hide "Conversation transfered" messages

Livechat widget online appearance

  • Title: Set the title of your widget.

  • Title bar color: Set the color of the title bar of your widget.

  • Message Character Limit: Enable to set the maximum amount of characters per message.

  • Show agent information: Enable to show agent’s name.

  • Show agent email: Enable to show agent’s email.

Livechat widget offline appearance

  • Display Offline Form: Turn on to display offline form.

  • Offline Form Unavailable Message: The message visitors will see when Livechat form is unavailable.

  • Offline message: Set Offline Message.

  • Title offline: The Live Chat Widget title

  • Title bar color offline: Set title bar color for when offline.

  • Email Address to Send Offline Messages: Set the email address to which offline messages will be sent.

  • Offline Success Message: Set up the message you want to send to the visitor after successfully sending an offline message.

Livechat widget registration form

  • Enabled: Enables the registration form.

  • Show name field: Enable to show Name field.

  • Show email field: Enable to show the Email field.

  • Registration Form Message: Show any message on the registration form if you want. It appears right under the widget title.

Conversation finished messages

  • Conversation Finished Message: Set up the message title you want to send to the visitor when the conversation is finished.

  • Conversation Finished Text: Set up the message text you want to display to the visitor when the conversation is finished.

For additional configuration options, see Omnichannel Admin's Guide. Kindly refer to the Livechat Widget API for further customization options.