Centro Support Center

Contact Us

Adding Centro Chat Client LWC to Experience Cloud community pages

Centro provides a LWC that can be used as a mini chat client within Experience Cloud pages. The LWC displays a Slack conversation to users and allows them to participate in a conversation. See the concept in action below:


In order to configure the LWC in Experience Cloud, please see the following steps:

Pre-requisites: Installation and setup of the Centro Salesforce Package and Centro Slack App. 

1. For Slack user image avatars to display external domains must be added as trusted sites. Add the following domains to CSP Trusted Sites in Salesforce Setup.

CSP Trusted Sites

https://*.slack-edge.com
https://*.wp.com
https://*.gravatar.com
https://*.amazonaws.com

2. Open the Builder for your Site:

2. Open the Components in the Builder, then find "Centro Single Conversation", and drag to the position you desire on the page:

3. Now the LWC will prompt for a ChannelID and set the Label:


Note: you can find the Channel ID in the Channel Settings in Slack:


4. Change Site CSP Security Level to "Relaxed CSP" to enable user avatar images to be shown using the trusted sites added above.

That's it! Save and test the page. Note that at this time, authorized Slack users through Centro will post messages as their member in Slack. 

Dynamic Conversations

The LWC can bind to a custom field when embedded on Experience Cloud pages that are associated with a Salesforce Record. Specify the Object and Field API names in the design-time options with a hard-coded Record Id or bind to {!recordId} to display a Slack conversation that is contextual to the Salesforce Record.


Require User Authentication

By default LWC requires a user to authenticate using a Slack login to send messages in a conversation. However, Centro also supports proxying messages as the Experience Cloud user without authenticating to Slack and will display the users full name and avatar image in Slack by sending as Centro bot user. Disable the "Require User Authentication in the LWC design-time option to enable this capability.