Newer Version Available

This content describes an older version of this product. View Latest

Lightning Web Components for Embedded Service

Build custom chat components using Lightning Web Components in Embedded Service, which is supported in Lightning Out, Experience Cloud, and Essentials. Leverage HTML and JavaScript for a modern experience.

Base Chat Header

lightningsnapin-base-chat-header enables customizations of the chat window header. Your custom chat header component must import BaseChatHeader from the lightningsnapin/baseChatHeader module, extend BaseChatHeader, and specify the lightningSnapin__ChatHeader target in the js-meta.xml configuration file.

For more detailed information, see Base Chat Header in the Components Reference Guide.

Base Chat Message

lightningsnapin-base-chat-messageenables customizations of the user interface for chat messages. Your custom chat message component must import the BaseChatMessage from the lightningsnapin/baseChatMessage module, extend BaseChatMesssage, and specify the lightningSnapin__ChatMessage target in the js-meta.xml configuration file.

For more detailed information, see Base Chat Message in the Lightning Web Components Reference Guide.

Base Pre-Chat

lightningsnapin-base-prechat enables customization of the user interface for the pre-chat form. Your pre-chat component imports BasePreChat from the lightningsnapin/basePrechat module, extendsBasePreChat, and specifies the lightningSnapin__PreChat target in the js-meta.xml configuration file.

For more detailed information, see Pre-Chat Message in the Lightning Web Components Reference Guide.

Minimized

lightningsnapin-minimized enables customization of the user interface for the chat minimized state. Your minimized component uses assignHandler and minimize functions from the lightningsnapin/minimized module and should specify the lightningSnapin__Minimized target in the je-meta.xml configuration file.

For more detailed information, see Minimized Chat Message in the Lightning Web Components Reference Guide.