> ## Documentation Index
> Fetch the complete documentation index at: https://support.getskara.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Configure Chats appearance

A user can choose the appearance of the Chat as per their brand's needs.

Messenger appearance can be customized while [installing Chats](#a-user-can-choose-the-appearance-of-the-chat-as-per-their-brands-needs) and you can also customize it anytime in the future by following these simple steps:

* Navigate to **Conversations Icon** on the left menu bar
* Click on **Chats**
* Head to **Inbox Settings** on bottom left.
* Select the **Channel** from the list of available channels in your Unified Inbox.

<img src="https://mintcdn.com/salesmate/3oCzPuTIwMdn4GGG/Screenshot2025-11-14at3.11.42PM.png?fit=max&auto=format&n=3oCzPuTIwMdn4GGG&q=85&s=aeb5c96128608b165e1d2712fcfadbc9" alt="Open Chat settings" width="3360" height="2100" data-path="Screenshot2025-11-14at3.11.42PM.png" />

Switch to the "**Appearance**" tab and set up the customization options available below

* **Header Logo:** You can upload the header image which can be of **PNG**, **JPG**, or **GIF** type with a file dimension of 160pixels \* 40pixels
* **Background Color:** Set the background color that will appear behind your welcome message, team profile, and chat header
* **Action Color:** Select the action color that will be used to assign primary colors for the buttons, links, and highlighted options

<img src="https://mintcdn.com/salesmate/3oCzPuTIwMdn4GGG/Screenshot2025-11-14at3.54.03PM.png?fit=max&auto=format&n=3oCzPuTIwMdn4GGG&q=85&s=9ce9b401148c23688cd67e0c43fd25d8" alt="Appearance settings" width="3360" height="2100" data-path="Screenshot2025-11-14at3.54.03PM.png" />

* **Background Pattern:** Select the background pattern from the given samples that will appear in the background of the background color you set
* **Launcher Icon:** Select the launcher icon that you want to display on the website. [Learn more](/chats/configuring-the-salesmate-chats/setting-up-a-custom-launcher-icon)

<img src="https://mintcdn.com/salesmate/3oCzPuTIwMdn4GGG/Screenshot2025-11-14at3.56.34PM.png?fit=max&auto=format&n=3oCzPuTIwMdn4GGG&q=85&s=f909fdac87fc17ec245225fcdb7370a8" alt="Launcher icon settings" width="3360" height="2100" data-path="Screenshot2025-11-14at3.56.34PM.png" />

* **Launcher Position:** Select if the launcher should appear left or right side of the screen on your website and how much spacing is needed from the bottom and side
* **Skara Link:** Select to display Salesmate link at the bottom of the launcher by turning the toggle On/Off

<img src="https://mintcdn.com/salesmate/3oCzPuTIwMdn4GGG/Screenshot2025-11-14at3.57.44PM.png?fit=max&auto=format&n=3oCzPuTIwMdn4GGG&q=85&s=d8ba3c399ff444e78c52bb900838a5a9" alt="Launcher position settings" width="3360" height="2100" data-path="Screenshot2025-11-14at3.57.44PM.png" />

Once the customizations have been done, hit the **Update** button to save your changes.
