Embedded Service

The Embedded Service component allows users to request a chat with a support agent.

Important

• Make sure to set up Chat and Embedded Service before adding this component to your site pages. For help, see “Set Up Embedded Service for Your Website” in Salesforce Help.
• Remove existing Chat buttons from the site pages where you want to use the Embedded Service component. If you don’t remove Chat buttons, the component doesn’t work.

1. Select the Embedded Service component in the page that you’re configuring.
2. In the property editor, configure the properties for the component:

   Property	Details
   Chat Deployment	Select an Embedded Chat deployment.
   Display Chat Button	Display the chat button to users.
   Fill in Pre-Chat Fields	When selected, the name and email fields on your pre-chat form are pre-populated for logged-in users.
   Button Label	Enter a label for the chat button. The user sees this text before they start a chat. The default label is Chat with an Expert.
   Offline Button Label	Enter a label for the chat button when there are no support agents available to chat. The default label is Agent Offline.
   Offline Support Button Label	Enter a label for the chat button when there are no support agents available to chat, and your Embedded Service deployment has offline support enabled. Offline support lets you present a web-to-case form inside the chat window when agents are offline. The default label is Contact Us.
   Chat Waiting Message	Enter a label for the chat button when a chat has been requested and is waiting for an agent. The default label is Loading.....
   Chat Waiting Background Image URL	Enter a URL for an image to display in the chat window when a chat is waiting for an agent.
   Agent Avatar Image URL	Enter a URL for an agent avatar image to display in the chat window. This avatar applies to all agents taking chats from this button. We recommend using an image no larger than 40x40 pixels
   Pre-Chat Background Image URL	Enter a URL for a banner image to display in the chat window while the user fills out the pre-chat form.
   Code Setting Name	Enter the code setting name from Embedded Chat setup and load JavaScript files you’ve added as static resources.
   Company Logo URL	Enter a URL for a logo to display in the minimized chat window when a chat is waiting for an agent. We recommend using an image no larger than 25x25 pixels.
   Routing Order	Enter IDs for userId, buttonId, or userId_buttonId, separated by commas. This field sets a routing order to agents and chat buttons for the Embedded Service Deployment, which overrides the assigned Chat button.
   External Scripts	Enter the static resource name for the external script used to create custom chat events. Use the name of the static resource object, like CustomEvent, instead of the name of the file itself.
   External Styles	Enter the static resource name for the external style used to create custom chat events. Use the name of the static resource object, like CustomStyles, instead of the name of the file itself.
   Storage Domain	Enter an existing site domain for your deployment. Let visitors navigate between subdomains during a chat session and ensure their continuous session continuity.