Contact usRequest a demo

Conversation theming

The configuration properties listed here affect the conversation panel in the following Unblu UIs:

  • The Agent Desk

  • The Floating Visitor UI

  • The Embedded Visitor UI

  • The Single Conversation Desk

  • The Visitor Desk

Conversation control elements

Chat conversation panel
Figure 1. Chat conversation panel, onboarding with concierge

  1. Unblu Concierge

    Refer to Concierge person for information on changing the name and avatar of the concierge.

  2. Secondary button style

    Refer to Primary and secondary buttons.

  3. Primary button style

    Refer to Primary and secondary buttons.

  4. Back button

    The configuration property com.unblu.visitor.ui.pinentry.allowBack determines whether the visitor’s chat action bar should contain the back button Back arrow, which lets them return to the conversation overview.

  5. Flat inverted button

    Refer to Flat inverted buttons

Conversation panel appearance

Conversation panel
Figure 2. Conversation panel, general theming

  1. Chat background

  2. System messages

  3. Typing indicator color

  4. Message input

Send button

You can’t change the icon on the Send button, but you can influence the button’s appearance.

Chat message theming

You can customize the appearance of both public message (visible to all participants) and internal messages (visible only to participating agents).

Conversation panel
Figure 3. Conversation panel, chat message theming

  1. Message header

  2. My messages

    These are messages sent by the person viewing the conversation panel.

  3. Other messages

    These are messages sent by other participants in the conversation.

  4. Avatar position

  5. Links

Replies to individual messages

  1. Text input field

  2. Replies in the conversation timeline

Internal messages

Internal messages
Figure 4. Internal message theming

Internal message headers * com.unblu.conversation.messaging.ui.textColorInternalMsgHeader * com.unblu.conversation.messaging.ui.textSizeInternalMsgHeader * com.unblu.conversation.messaging.ui.colorInternalMsgStateTick * com.unblu.conversation.messaging.ui.colorInternalMsgStateTickUnread

  1. My internal messages

  2. Other internal messages

Internal replies in the conversation timeline

Video and voice chat conversation panel

The settings in this section affect both agent and visitor UIs.

Before answering the call

Video and voice chat conversation panel before answering the call
Figure 5. Video and voice chat conversation panel before answering the call

  1. Call background

  2. Accept button color

  3. Decline button color

  4. Call action button style

  5. Call type background

  6. Call links

During the call

Video and voice chat conversation panel during the call
Figure 6. Video and voice chat conversation panel during the call

  1. Call toggle button style

  2. Minimized video dimensions

Action bar in conversation recordings