Step 1: add your 360Learning URL to the CSP trusted sites in Salesforce
This will allow the package to retrieve info from your 360Learning platform without being blocked by Salesforce.
Learn more about managing CSP trusted sites in Salesforce’s official documentation ↗.
- Connect to Salesforce with an admin account.
- At the top right, click the gear icon, and select
Setup
. - On the top left, in the Quick Find search box, enter « CSP » and select
CSP Trusted Sites
. - At the top of the table, click
New Trusted Site
. - In
Trusted Site Name
, enter the name of your 360Learning platform (replace spaces with underscores). - In
Trusted Site URL
, enter the URL of your 360Learning platform.- It should be either https://yourcompanyname.360learning.com or your fully customized domain.
- In the section
CSP Directives
, checkAllow site for connect-src
, and uncheckAllow site for img-src
. - At the bottom, click
Save
.
Step 2: allow Salesforce to display an embed of your 360Learning platform
Send an email to your SA or CSP with your Salesforce URL.
Once we confirm that you have been whitelisted, you can continue to step 3.
Step 3: add your 360Learning platform as a Web tab to Salesforce
See the official documentation for adding Web tabs in Salesforce ↗. Below is an adapted version, for 360Learning.
- In Salesforce, at the top right, click the gear icon, and select
Setup
. - On the top left, in the Quick Find search box, search for the menu
Tabs
and select it. - Scroll down to the section
Web Tabs
. - At the top of the table, click
New
. - Choose
Full page width
, and clickNext
. - In
Tab Type
, selectURL
. - In
Tab Label
, enter the name of your platform (this is what will be displayed as the tab title). - In
Tab Name
, enter a unique identifier for the tab (this will be used by Salesforce’s API). - In
Tab Style
, select an icon for the tab. - In
Content Frame Height (pixels)
, select the height of the Iframe. We recommend a minimum of 1000 pixels. - Click
Next
. - In
Button or Link URL
, enter the URL for your 360Learning platform. - If you want to allow only certain user profiles to see the tab, select
Apply a different tab visibility for each profile
and then change theTab Visibility
for each of them. Otherwise, clickNext
. - If you want to customize for which custom apps will the tab be available, check and uncheck the corresponding apps. Otherwise, click
Save
. - Go back to the homepage, you should now see your tab.