Skip to main content
You can customize how your agent’s chat widget looks to match your brand. All appearance settings are in your agent’s Settings tab under the appearance section.

​
Welcome messages

​
Colors

You can set two colors:
  • Primary color — used for the chat bubble, header, and accent elements
  • User message color — the background color of user messages
Each color supports two modes:
  • Solid — a single color (e.g., #6f42c1)
  • Gradient — a gradient with angle and multiple color stops (e.g., #6f42c1 to #b36ffb at 180 degrees)
The default primary color is a purple gradient (#6f42c1 to #b36ffb).

​
Fonts

Choose from these font families:
If your audience uses Arabic or another RTL language, select an Arabic font and set the chat direction to RTL.

​
Avatars

Upload custom images for:
  • Profile avatar — shown in the chat header
  • Chat avatar — shown next to agent messages in the conversation
  • Bubble icon — the icon on the floating chat widget button

​
Chat direction

  • LTR (left-to-right) — default, for English and most languages
  • RTL (right-to-left) — for Arabic, Hebrew, and other RTL languages

​
Widget position

Choose where the floating chat bubble appears on your website:
  • Bottom-right (default)
  • Bottom-left

​
Feature toggles

When image uploads are enabled, users can send up to 4 images per message (max 10 MB each, formats: JPEG, PNG, GIF, WebP).

​
Preview

Changes are shown in a live preview as you make them. Click Save to apply the changes to your live widget.