Skip to main content

Agent Header Color

This Step by Step guide explains how you can customize your Agent Header or toolbar Color and give color to your brand.

Primary color​

The primary color controls several visual elements in the chat interface, including:

  • The toolbar at the top of the chat
  • The details inside starter questions
  • The thinking dots shown while your AI agent is generating a response

From All Agents Go to Personalization.

  1. Here, in General Tab you can see the highlighted color selection palette primary color and which also showing in the right side in preview chat conversations.

Highlighted Colors and header place indicated

  1. Click on the Color indicating position.

Highlighted Color box

  1. Click to Select Color to update you can also enter enter hex code.

Highlighted colored position

  1. Click to Select Specific Color or enter hex code and apply changes.

Highlighted Color Indicating position

  1. You can see the changes in the right highlighted chat position

Highlighted Color from the Chat

  1. Click on Save button to Save your Changes.

Highlighted save changes button