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
Customize Embedded Chat
Customize the Channel Menu
Embedded Service Customized Components
Lightning Web Components for Embedded Service
Custom Aura Components
Pre-Chat UI
Pre-Chat Component Code Samples
Using Aura
Using JavaScript
Minimized UI
Minimized Component Code Samples
Get Settings from the Embedded Service Code Snippet
Multiple Components with Lightning Out
Code Snippet Versions
PDF

Newer Version Available

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

Custom Pre-Chat Component Sample Using Aura

The following code sample contains examples of the component, controller, and helper code for a custom pre-chat component using Aura.

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

This component:

  • Uses Aura to create the pre-chat fields and start a chat.
  • Uses an initialize function that fetches the pre-chat fields from setup and dynamically creates the pre-chat field components using $A.createComponents.
  • Creates an array when the user clicks the Start Chat button. The array contains pre-chat field information to pass to the startChat method on the prechatAPI component.

Component Code

Controller Code

Helper Code