Add the Messaging Component to Enhanced Chat

The Commerce Messaging Components (CMC) transforms the JSON output in the chat window to facilitate the interactions between shoppers and the agent. Upload the necessary component to your Salesforce org to add the messaging bubble component.

1. In GitHub, clone the commerce-on-lightning-components repository to a local directory on your system.
2. Open a command window, go to the local directory, and switch to the miaw-messaging-release branch.
3. Deploy the messaging components into your Salesforce org. See Deploy Lightning Web Components.
4. Configure Enhanced Chat to use the CMC.
   1. In your Salesforce org, at the top of the page, click and select Setup.
   2. In the Quick Find box, find and select Embedded Service Deployments.
   3. From the list of deployments, select the one that you want to modify.
   4. In the Custom UI Components tile, click Add Custom Components.
   5. For Header, select commerceHeader.
   6. For Text Message Bubble, select dynamicContentRenderer.
      
5. Save your changes.
6. Publish the deployment.