Salesforce Enhanced Chat v2 Inline Mode in Experience Cloud Site
Summary
Enhanced Chat v2 Inline Mode enables Salesforce professionals to embed chat directly within Experience Cloud pages rather than using floating pop-up windows. This improves user experience by integrating the chat seamlessly into the page layout. The guide demonstrates how to build a custom Lightning Web Component that hosts the Embedded Messaging service inline, giving full control over placement and styling. After implementation, teams can create dedicated support pages with inline chat that does not obscure UI elements.
Takeaways
- Create a custom Lightning Web Component to host the embedded chat inline.
- Set displayMode to 'inline' in embeddedservice_bootstrap settings for seamless integration.
- Inject the Salesforce Embedded Messaging bootstrap script dynamically in renderedCallback().
- Expose the LWC to lightningCommunity__Page and lightningCommunity__Default targets for Experience Cloud.
- Style the chat container with CSS to control size, layout, and responsiveness within the page.
Salesforce Enhanced Chat v2 Inline Mode: A Developer’s Guide for Experience Cloud Category: Salesforce Development, Experience Cloud, Lightning Web Components Target Audience: Architects, Developers, Admins Reading Time: 5 Minutes If you are a Salesforce Architect or Developer working with Experience Cloud , you likely know that the default modal or “pop-up” chat window isn’t always the best user experience. Sometimes, you need the chat to live directly within the page layout—embedded seamlessly alongside other content. This is where Enhanced Chat v2 Inline Mode shines. In this technical guide, we will walk through how to implement Salesforce Enhanced Chat v2 Inline Mode using a custom Lightning Web Component (LWC) . This approach gives you full control over the placement and styling of the chat window, ensuring a cohesive interface for your users. Why Inline Mode? Standard chat widgets often float at the bottom right of the screen.