How to brand the customer chat screen colors and logo

The Customer Chat Screen Colors option on a chat group controls how the chat window looks to the person on the other end, the customer. It lets you choose the colors and the logo that appear in their chat screen so the window matches your own site instead of a generic one. Out of the box it uses the default blue color scheme, and you change it here when you want the chat to feel like part of your brand.

What this field controls

This setting is entirely about the customer-facing window, not the agent side. It governs the colors of the chat screen and the logo shown to the customer while they chat. None of it touches what the Agent sees in their own client, so changing it is safe to do while agents are working. The default is the blue scheme, which is fine for testing but obviously not yours.

flowchart LR
  A["Customer opens chat"] --> B{"Colors set on group?"}
  B -->|No| C["Default blue scheme and no custom logo"]
  B -->|Yes| D["Your colors and logo render"]
  C --> E["Customer chats with agent"]
  D --> E

Why it is set per group

Because the colors live on the chat group, each Ingroup can wear a different skin. If you run support chat for two brands off one VICIdial, you give each brand its own chat group and set its own colors and logo, and a customer landing in either one sees the matching look. The chat itself still routes by the same rules, the lookup still pulls the matching Lead, and the only thing that differs is the paint.

Get it right before you go live

The customer judges your operation by the window in front of them, so a stray default-blue chat box on a polished site looks unfinished. Set the colors and the logo first, open a test chat as a customer to confirm both render, and only then put the button on a real page. Once it looks right it stays right until you change it.

Keep the customer screen separate in your head from the Group Color field higher up the form. That Group Color is the swatch your agents see in their client when a chat lands on this group, and it has nothing to do with what the customer looks at. The Customer Chat Screen Colors are the customer's view alone, so brand each one for the audience it actually faces and do not assume one carries over to the other.

Branding the colors usually goes hand in hand with adding a post-chat survey link, since both are customer-facing touches set on the same group. For how the survey side works, read how to add a post-chat survey link for customers, and for where the customer chat screen fits in the wider inbound setup, read the VICIdial inbound email and chat guide. If you would rather have a branded chat ready out of the box across every Campaign, our managed VICIdial plans hand you a server that is yours from the first minute.