Centro Support Center

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

Adding Centro Chat Client LWC to Experience Cloud community pages

Centro provides an 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:


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 users, 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 members in Slack. 

Dynamic Conversations on the Page Detail

The LWC can bind to a custom field when embedded on Experience Cloud pages 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 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 during a conversation. When not authenticated, Centro sends messages as the Experience Cloud user and will display the user's 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" option in the LWC design-time to enable this capability. Users cannot send a message using the LWC without first authorizing it as a valid Slack user.

Known Issues