Centro Support Center

Contact Us
  1. Support
  2. For Salesforce Users
  3. Adding Centro Chat Client LWC to Experience Cloud community pages

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
https://*.centro.rocks

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 Centro LWC does not require a user to authenticate in Experience Cloud to send messages in a conversation. When not authenticated Centro sends messages as the Experience Cloud user and will display the users full name and avatar image (if the image is publicly accessible) by proxying messages via the Centro bot user. The LWC may optionally require authentication, enable the "Require User Authentication" in the LWC design-time option to enable this capability. Users will not be able to send a message using the LWC without first authorizing as a valid Slack user.

Known Issues