Add Your Chat Window to an Experience Site

There are some differences to keep in mind when adding your chat window to an Experience site instead of a website:

• Don’t use your Embedded Service code snippet. Use the Embedded Service component.
• To ensure that chat sessions are continued across pages, place the Embedded Service component in your site's template footer.
• Use the settings in the component. What you set in the component overrides what you select in Embedded Service setup.
• To create and automate invitations,see Add Chat Settings to an Experience Site.
• You can’t fill in pre-chat fields for logged-in users via the code snippet. Use the component option, which fills in contact fields (name and email).
• To customize Embedded Chat branding colors in a site, use the settings in the component. Using Embedded Service setup to specify branding colors for Experience sites isn’t supported.
• To ensure end-user session continuity, your web pages must have the same storageDomain and use the same deployments. To share a custom site domain between the site and other pages in the same domain, use the Storage Domain property in the component.
• If you create a sandbox org and copy your chat component from an Experience Builder production environment, set your new deployment to one available only in your sandbox.

To use Embedded Service code snippet settings in your site, use the Snippet Settings File field in the component.

1. Create a JavaScript file with your Embedded Chat settings. Refer to the Embedded Service for Web Developer Guide for more details.
2. Upload the file to your Static Resources. Give the file a name that’s easy to remember and doesn’t include spaces.
3. In your Embedded Service component settings, enter the static resource name (not the file name) in the Snippet Settings File field.
4. Save and publish your changes.