---
schema_version: "1"
id: 89c1a12a52b75c2acf5fe04af988dab13c9bf31464105a17d7f3ccbaceb7af01
title: Customize the Embedded Service Code Snippet
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/service/264-0-0/snapins_chat_customize_code.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.snapins_chat_customize_code.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 158b27e31f388811582c69281e25a349f28f454d9f251aae07a4930782b5070a
description: Use a text or HTML editor to customize the optional parameters in the Embedded Service code snippet.
products:
  - Service Cloud
release: "264"
---
# Customize the Embedded Service Code Snippet

Use a text or HTML editor to customize the optional parameters in the Embedded Service code snippet.

### 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>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d13451e55">User Permissions
              Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d13451e55 ">To set up Embedded Chat:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d13451e55 ">Customize Application AND Modify Metadata</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).

You can customize certain [parameters](https://help.salesforce.com/s/articleView?id=service.snapins_chat_parameters.htm&release=264.0.0&type=5 "You can customize certain parameters that affect the appearance and behavior of the chat window so that the chat experience reflects your company’s branding. Use these parameters to customize the pre-chat background image, logo, waiting-state image, and your agent’s avatar picture. You also can customize the wording that appears on the chat button and on the chat window when the chat is loading, when agents are online, when agents are offline.") that affect the appearance and behavior of the chat window. We respect the code snippet before your Embedded Chat settings when determining the chat window's appearance and behavior.

You can customize the code snippet once and paste it on all your web pages, or customize the code snippet for certain web pages.

1. From Setup, enter Embedded Service in the Quick Find box, then select **Embedded Service**.
2. Select the Embedded Service deployment that you want to work with.
3. In the Embedded Service configuration page, go to the Embedded Service Code Snippets section and click **Get Code**.
4. Copy the code snippet to a text editor or HTML editor.
5. In the text editor or HTML editor, specify the image URLs for the chat window parameters.
6. Save your changes.
7. Go to the Experience Builder for your help center.
8. Below components, click **Settings**.
9. In the navigation tree, click **Security**.
10. Under Content Security Policy, select **Allow inline scripts and script access to allowlisted third-party hosts** in the Script Security Level dropdown.
11. In the code snippet, find the field baseLiveAgentContentURL and copy the URL.
12. Click **Add Trusted Site** and name your new site.
13. Click **Add Site** and paste the URL from baseLiveAgentContentURL.
14. Publish your site changes.

After modifying the code snippet, [add the code](https://help.salesforce.com/s/articleView?id=service.snapins_chat_get_code.htm&release=264.0.0&type=5 "Salesforce generates a unique Embedded Service code snippet from the information you provide during setup. Copy and paste the code snippet to include chat on your web pages. Add the optional meta tag code snippet to improve performance for both mobile and desktop.") to every web page where you want the chat window to appear.

- **[Customizable Parameters in the Embedded Chat Code](https://help.salesforce.com/s/articleView?id=service.snapins_chat_parameters.htm&release=264.0.0&type=5)**  
    You can customize certain parameters that affect the appearance and behavior of the chat window so that the chat experience reflects your company’s branding. Use these parameters to customize the pre-chat background image, logo, waiting-state image, and your agent’s avatar picture. You also can customize the wording that appears on the chat button and on the chat window when the chat is loading, when agents are online, when agents are offline.

#### See Also

- [Add Your Embedded Chat to a Website](https://help.salesforce.com/s/articleView?id=service.snapins_chat_get_code.htm&release=264.0.0&type=5 "Salesforce generates a unique Embedded Service code snippet from the information you provide during setup. Copy and paste the code snippet to include chat on your web pages. Add the optional meta tag code snippet to improve performance for both mobile and desktop.")
- [Customizable Parameters in the Embedded Chat Code](https://help.salesforce.com/s/articleView?id=service.snapins_chat_parameters.htm&release=264.0.0&type=5 "You can customize certain parameters that affect the appearance and behavior of the chat window so that the chat experience reflects your company’s branding. Use these parameters to customize the pre-chat background image, logo, waiting-state image, and your agent’s avatar picture. You also can customize the wording that appears on the chat button and on the chat window when the chat is loading, when agents are online, when agents are offline.")