---
schema_version: "1"
id: 5eec2fae933a54297c06a20c89bc43e9cc7cc67f46f940c33f852f1786ec3bad
title: Create Chat Buttons
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/service/264-0-0/live_agent_create_buttons.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.live_agent_create_buttons.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: ef1a92e65def091822031ac5232a7060c2b86f0df1fdfe25ff8682dd070b6690
description: Create chat buttons to enable customers to request a chat with an agent directly from your website.
products:
  - Service Cloud
release: "264"
---
# Create Chat Buttons

Create chat buttons to enable customers to request a chat with an agent directly from your website.

### 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="d19239e58">User Permissions
              Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d19239e58 ">To create and customize chat buttons:</td>

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

Before you create chat buttons:

- Create skills. Each chat button is associated with a particular skill or set of skills. Chats that are initiated from the button are routed to agents with those skills.
- To use custom images for the online and offline versions of your button, create a Salesforce site and static resources. If you don’t have a Salesforce site, you can specify online and offline button images or text by modifying the code that’s generated when you create a button.

Create the buttons that visitors click to start chats. Like a deployment, a button consists of several lines of JavaScript that you copy and paste into web pages. A single deployment can have multiple buttons; each button enables you to refine the chat experience for visitors. For example, create buttons for laptop, phone, or tablet issues. Each button is mapped to a skill or set of skills to ensure that visitors’ inquiries go to agents who can solve their problems.

1. From Setup, enter Chat Buttons in the Quick Find box, then select **Chat Buttons & Invitations**.
2. Click **New**.
3. Select Chat Button from the Type field.
4. Choose the [settings](https://help.salesforce.com/s/articleView?id=service.live_agent_button_settings.htm&release=264.0.0&type=5 "Chat button settings control the behavior of the chat buttons that customers use to interact with agents.") for your chat button.
5. Click **Save**.
6. Copy the button code, and then paste it on each web page where you’ve deployed Chat. Make sure that you paste the code in the area on the page where you want the button to appear.
    
    ![Tip](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-support_legacy-264-0-0-production-enus/081af4ec-6c06-4d4b-9443-cb3516bbc46d/images/icon_tip.png)
    
    Tip Because the code changes with each modification, remember to copy and paste the code each time that you update the button.

After you create the button and add it to the web page, the chat button is enabled for your customers to click as long as:

- The number of chats doesn’t exceed the button’s queue size.
- At least one agent has available capacity and the required skills listed in the associated routing configuration.

- **[Chat Routing Options](https://help.salesforce.com/s/articleView?id=service.live_agent_chat_routing_options.htm&release=264.0.0&type=5)**  
    Routing options in Chat enable you to specify how incoming chat requests are directed to agents. To use Chat in Lightning Experience, you must route chats with Omni-Channel. New chat buttons must use Omni-Channel routing—legacy Live Agent routing is no longer available.
- **[Chat Queuing Options](https://help.salesforce.com/s/articleView?id=service.live_agent_chat_queuing_options.htm&release=264.0.0&type=5)**  
    Queuing options in Chat let you control how incoming chat requests are handled when no agents are available.

#### See Also

- [Create and Assign Chat Skills](https://help.salesforce.com/s/articleView?id=service.live_agent_create_skills.htm&release=264.0.0&type=5 "Skills identify your agents’ areas of expertise. When you assign an agent to a skill, that agent receives chat requests that are related to the agent’s skill areas. You can also enable your supervisors to assign skills to agents. This information applies to Live Agent routing for chats only.")
- [Customize Your Chat Branding with Salesforce Sites](https://help.salesforce.com/s/articleView?id=service.live_agent_customize_branding_with_sites.htm&release=264.0.0&type=5 "To customize your Chat implementation with images, use a Salesforce Site to upload the images for your chat window and chat buttons.")