Join BoxWorks in San Francisco Nov 12-13! Keynotes, product demos, and Box Master Classes. Reserve your spot!

Box Status
Print

Setting up Box UI Elements in Experience Cloud

Admin , Salesforce , Installation , New , Instruction , experience cloud , P4

Select Box UI Elements  (Content Explorer, Content Picker Content Preview, and Content Uploader) are offered as Salesforce Lightning Components. To set them up in Experience Cloud requires the following:

(Box Developer) Create and set up your Box Custom App

As a Box Developer, from the Box Developer Console, create a (or use an existing) Custom App. For more information on creating a Custom App, click here. 

  1. This App must use the Server Authentication (with Client Credentials Grant). 
  2. Note down your Client ID and Client Secret. You can find this in [Your App’s name] > Configuration tab > OAuth 2.0 Credentials section.

Note: If you are fetching a Client Secret for the first time, you will need to enable 2FA.

  1. In the App Access Level section, select App + Enterprise Access.
  2. In Application Scopes, check all the applicable scopes. At a minimum, the App will need to:
    1.  Read/write files and folders,
    2. Manage users and groups, and
    3. Generate user access tokens.
  3. (Optional) In Advanced Features, modify as needed.
  4. In CORS Domains:
    1. Add your custom Experience site url,
    2. Add your Builder url.
  5. Click Save Changes.
  6. Finally, in the Authorization tab, send your App to your Box Admin to authorize. For more information, click here. 

 

(Box Admin) Authorize your Custom App

As the Box Admin, authorize the Custom App created by the Box Developer above. For more information, click here. 

 

(Salesforce Admin) Connect and set up your Custom App to Box for Salesforce

As the Salesforce Admin, you will need to authenticate your Box Service Account, connect your Custom App to Box for Salesforce, assign permissions for users, and set up the Secure Website Access and Trust Management section in Experience Builder. 

To authenticate your Box Service Account:

  1. From the App Launcher, search for and navigate to Box Settings.
  2. In Quick Setup, next to Sign In to Box Service Account, click Connect.
  3. Sign in to your Box Service Account.
Note:
  • The Box Service Account needs to own or have sharing access to any folders and/or files used in Box UI Elements in order for App users to access that content, or
  • When designating a file/folder, use a Box shared link that is in the same organization as the Service Account.  

To connect your Custom App:

  1. Navigate back to Box Settings.
  2. Expand Advanced Setup, and next to Experience Cloud, click Configure.
  3. In the Box Client Configuration section, fill in your Box Custom App’s Client ID and Client Secret. (From the Box Developer in Step 2 above)
  4. Click Save.

To assign permissions to your users:

  1. In Enable UI Elements, for App users, click Manage Assignments.
  2. Then proceed to assign the permission sets to your users.  

To set up your Secure Website Access and Trust Management:

  1. From Salesforce Experience Builder, click the Settings button.
  2. Select the Security & Privacy tab.
  3. In Clickjack Protection Level, select Allow framing by any page (No protection).
  4. In Security Level, select Relaxed CSP: Permit Access to Inline Scripts and Allowed Hosts.
  5. In Trusted Sites for Scripts:
    1. Add your custom Experience site url,
    2. Add your Builder url.

Related articles