---
schema_version: "1"
id: 9dd012c9fa09afa04c6d018ff095964b4b1702d3db364fa2ed226dbc1eb38652
title: Customize Chat Window Branding for a Experience Site
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/service/264-0-0/embedded_chat_communities_branding.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.embedded_chat_communities_branding.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 86be827d058f747bddb15242d51e8266cbf0461a440248f4756ab01f7c2bf32c
description: Select the chat window colors and font to reflect your company’s brand identity on an Experience Cloud site.
products:
  - Service Cloud
release: "264"
---
# Customize Chat Window Branding for a Experience Site

Select the chat window colors and font to reflect your company’s brand identity on an Experience Cloud site.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><a href="https://help.salesforce.com/s/articleView?id=service.legacy_editions.htm&amp;language=en_US" target="_blank">View supported editions</a>.</td></tr></tbody></table>

![Important](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_legacy-264-0-0-production-enus/081af4ec-6c06-4d4b-9443-cb3516bbc46d/images/icon_important.png)

Important

Legacy Chat will be retired on February 14, 2026. To avoid service interruptions to your end users, switch to enhanced Chat (formerly Messaging for In-App and Web). Enhanced Chat offers many of the legacy Chat [features that you love](https://help.salesforce.com/s/articleView?id=service.miaw_replacing_chat_considerations.htm&language=en_US) plus asynchronous conversations that can be picked back up at any time. Learn about migrating in [Help](https://help.salesforce.com/s/articleView?id=service.miaw_replacing_chat_considerations.htm&type=5&language=en_US) and [Trailhead](https://trailhead.salesforce.com/content/learn/modules/migrating-from-legacy-chat-to-enhanced-chat).

To customize chat window branding colors, images, and fonts on an Experience site, use the settings in the Embedded Chat component.

1. From the Experience Builder make sure that your chat window is selected. Navigate to the Theme tab.
    
    ![Snap-ins communities theme](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_legacy-264-0-0-production-enus/081af4ec-6c06-4d4b-9443-cb3516bbc46d/support_legacy/images/chat/embedded_chat_communities_theme.png)
2. Select the colors for your chat window.
    
    ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_legacy-264-0-0-production-enus/081af4ec-6c06-4d4b-9443-cb3516bbc46d/images/icon_note.png)
    
    Note For Experience sites, Action Color maps to the Brand Primary and Brand Secondary colors for web chat windows. Text Color maps to the Contrast Primary color for a web chat window.
3. Select your font and add images to your chat window:
    
    - Agent Avatar (recommend 40 px by 40 px)
    - Logo (recommend 36 px by 36 px)
    - Pre-Chat Background (recommend 320 px by 100 px)
    - Waiting State (recommend 250 px by 60 px)
4. **Save** your site.
    
    ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_legacy-264-0-0-production-enus/081af4ec-6c06-4d4b-9443-cb3516bbc46d/images/icon_note.png)
    
    Note These branding tokens are created in Embedded Service Setup and automatically pass to your site: width, height, header text, and header alternate.

#### See Also

- [General Embedded Service Branding](https://help.salesforce.com/s/articleView?id=service.snapins_chat_branding.htm&release=264.0.0&type=5 "Select the colors and font used in your chat window to reflect your company’s brand identity.")