Embedded Service for Web Developer Guide
Summer '26 (API version 67.0)
Spring '26 (API version 66.0)
Winter '26 (API version 65.0)
Summer '25 (API version 64.0)
Spring '25 (API version 63.0)
Winter '25 (API version 62.0)
Summer '24 (API version 61.0)
Spring '24 (API version 60.0)
Winter '24 (API version 59.0)
Summer '23 (API version 58.0)
Spring '23 (API version 57.0)
Winter '23 (API version 56.0)
Summer '22 (API version 55.0)
Spring '22 (API version 54.0)
Winter '22 (API version 53.0)
Summer '21 (API version 52.0)
Spring '21 (API version 51.0)
Winter '21 (API version 50.0)
Summer '20 (API version 49.0)
Spring '20 (API version 48.0)
Winter '20 (API version 47.0)
Summer '19 (API version 46.0)
Spring '19 (API version 45.0)
Winter '19 (API version 44.0)
Summer '18 (API version 43.0)
Spring '18 (API version 42.0)
Pre-Chat UI
Minimized Component Code Samples
Get Settings from the Embedded Service Code Snippet
Lightning Web Components for Embedded Service for Web
Multiple Components with Lightning Out
Code Snippet Versions
Newer Version Available
Custom Aura Components for Embedded Service for Web
Use custom Aura components to customize the user interface for your embedded
components.
To create an Aura component, go to the Developer Console and click File | New | Lightning Component.
-
Customize the Pre-Chat Page UI with Aura Components
Customize the fields, layout, buttons, images, validation, or any other part of the user interface for pre-chat using a custom Aura component. -
Custom Pre-Chat Component Code Samples
You can use Aura or plain JavaScript to create your pre-chat components. -
Customize the Minimized Embedded Service UI with Aura Components
Customize the user interface for the embedded component when it’s minimized on your web page using a custom Aura component. -
Custom Minimized Component Code Samples
The following code sample contains examples of the component, controller, and helper code for a custom minimized embedded component using Aura. -
Get Settings from the Embedded Service Code Snippet
Get settings for use with your Embedded Service Aura components. You can get the Chat button ID or deployment ID assigned to your Embedded Service deployment and the agent and chatbot avatar image URLs.