Embedded Service Chat for Web Developer Guide

Embedded Service Chat for Web Developer Guide
Adjust General Parameters
Change the Embedded Chat Window Appearance and Behavior
Specify Chat Images
Display the Default Chat Button
Customize the Online, Offline, and Loading Chat Text
Set a Routing Order
Load Files for Custom Chat Events
Modify the Post-Chat
Customize Embedded Chat
Customize the Channel Menu
Embedded Service Customized Components
Code Snippet Versions
PDF

Note: This release is in preview. Features described here don’t become generally available until the latest general availability date that Salesforce announces for this release. Before then, and where features are noted as beta, pilot, or developer preview, we can’t guarantee general availability within any particular time frame or at all. Make your purchase decisions only on the basis of generally available products and features.

Load Files for Custom Chat Events

Load your own JavaScript and CSS files into Embedded Chat to handle and style custom chat events. Your scripts and styles are loaded only after the agent accepts the chat request.

The legacy chat product is in maintenance-only mode, and we won't continue to build new features. You can continue to use it, but we no longer recommend that you implement new chat channels. Instead, you can modernize your customer communication with Messaging for In-App and Web. Messaging offers many of the chat features that you love plus asynchronous conversations that can be picked back up at any time.

Important

Upload your files as Static Resources with the cache control set to public. Assign names that are easy to remember and with no spaces. You will reference them by static resource name in Embedded Chat.

Load a JavaScript File

embedded_svc.settings.externalScripts = ["...", “...”]

Specify your resources using the static resource name, not the file name itself. For example, if you upload CustomEvent.js and give it the name CustomEvent, enter CustomEvent.

Load a CSS File

embedded_svc.settings.externalStyles = ["...", “...”]

Specify your resources using the static resource name, not the file name itself. For example, if you upload CustomEvent.css and give it the name CustomEventCSS, enter CustomEventCSS.