Customizing Chat appearance and text

Last Updated 22 days ago

The Chat appearance settings allow you to customize how the Quickchannel chat looks and how common interface texts are displayed to participants.

You can customize the chat colors, message backgrounds, terms and conditions, and participant-facing texts.

Go to Settings → Appearance → Chat.

image

Color theme

The Color theme section controls the colors used throughout the chat.

You can start by selecting one of the available predefined themes:

Blue, Default, Green, Red or Stratos.

Selecting a theme applies its predefined color settings. You can then adjust the individual colors to customize the appearance further.

The Chat preview updates as you change the settings, allowing you to see how the chat will appear to participants.

Primary

Controls the primary color used for interface elements in the chat, including participant and moderator names and primary actions.

Button text

Controls the text color used on primary buttons, such as the Send button.

Messages

Controls the text color of chat messages.

Timestamp

Controls the color of the timestamp displayed with chat messages.

Background moderator messages

Controls the background color used for messages posted by a chat moderator.

This can be used to visually distinguish moderator messages from messages posted by participants.

Background participant messages

Controls the background color used for messages posted by participants.

Background pending messages

Controls the background color used for participant messages that are waiting for moderator approval.

When Approve messages is enabled for the chat, new participant messages remain pending until they have been approved by a moderator.

For information about chat and moderation, see Chat & Polls.

Chat background

Controls the background color of the chat area.

Enable Transparency to use a transparent chat background instead of the selected background color.

Border

Controls the color of borders used in the chat interface.

Enable Transparency to use transparent borders.

Error message

Controls the color used for error messages displayed in the chat interface.

Custom terms and conditions

Use Custom terms and conditions to add additional terms or information that participants must accept before joining the chat.

The custom content is displayed in the join chat dialog, above Quickchannel's standard Terms and Privacy Policy information.

Participants must select I Agree to accept the terms and continue to the chat.

image

The field supports limited HTML formatting, allowing you to structure the content and include elements such as links, paragraphs, headings, lists and basic text formatting.

Select Help to see the complete list of supported HTML tags.

Only the HTML tags listed in the Help dialog are supported. Using unsupported HTML tags will generate an error.

Chat texts

The Chat texts section allows you to customize participant-facing labels and messages used in the chat interface.

This can be useful for adapting the terminology to your organization or changing the language used in the chat.

Use the reset icon next to a field to restore its default text.

Username text

Controls the text used for the participant's username.

Join the chat – button text

Controls the text displayed on the button participants use to join the chat.

For example:

Join the chat

"Write message as" – placeholder text

Controls the placeholder text displayed before the participant's name in the message field.

For example:

Write message as Chat Participant

"Reply as" – placeholder text

Controls the corresponding placeholder when replying to another chat message.

Pending moderation – message text

Controls the text displayed for a participant message that is waiting for moderator approval.

For example:

message awaiting approval

This text is used when Approve messages is enabled for the chat.

For information about approving messages and managing a chat, see Chat & Polls.

Preview your changes

The Chat preview provides a preview of the current appearance settings while you customize the chat.

The preview includes examples of:

  • a moderator message
  • a participant message
  • a message awaiting approval
  • the message input field
  • the Send button

Use the preview while adjusting the appearance to check that text, backgrounds and the different message types remain clear and easy to distinguish.

Loading ...