Note: This offering is currently in closed beta, available to select Pendo customers for testing. The information that follows isn't a commitment, promise, or legal obligation. The development, release, and timing of any features or functionality described here are subject to change at the discretion of Pendo, which can occur without notice. If you're interested in getting early access and providing feedback, contact your Pendo account representative.
Embedded content intended for Salesforce can be targeted to an Embedded Content LWC, which is part of the Salesforce Pendo One Toolkit (herein, Salesforce toolkit). This functionality helps to overcome the challenges associated with the structure of Salesforce pages, which can make it difficult to target elements to embed content.
For information about the Salesforce toolkit, see The Pendo One Toolkit for Salesforce.
How it works
Internal Pendo users that build guides provide instructions to the Salesforce Toolkit Administrator about where they want to embed content. This article provides instructions for a Salesforce Toolkit Administrator to place the Embedded Content LWC in the intended location in Salesforce Lightning pages.
Prerequisites
- Pendo installed and configured using the Pendo Launcher browser extension. For more information, see Plan your browser extension implementation and the IT guide to deploying the Pendo Launcher.
- The Salesforce toolkit for Pendo set up. For instructions, see The Pendo One Toolkit for Salesforce and Set up the Pendo One Toolkit for Salesforce.
Step 1. Add the Embedded Content LWC to a record page
To add the Embedded Content LWC to a record page in Salesforce:
- Open a record page in Salesforce, such as an Account, Opportunity, or Contact.
- Select the gear icon in the top right and select Edit Page. This opens the Lightning App Builder.
- In the component list on the left side of the page, find Pendo Embedded Content.
- Drag and drop the Pendo Embedded Content LWC to an appropriate location in the record page. This is visible to both Pendo Toolkit Administrators and Pendo Toolkit Users. For more information about these permission sets, see The Pendo One Toolkit for Salesforce.
- For each Pendo Embedded Content LWC placed on the page, enter a unique Component ID in the component settings on the right side of the Lightning App Builder. This ID is needed to target content to this component.
- Select Save.
Step 2. Create embedded content in Pendo
After you’ve placed the Embedded Content LWC in Salesforce, go to Pendo to create your embedded content. For instructions, see Create embedded content.
As part of this process, define any additional settings for your embedded content, such as goals, activation, segments, scheduling, and localization. For more information, see Define guide settings.
Step 3. Set the LWC as the target element for your embedded content
After you’ve built your embedded content, use the Visual Design Studio in Pendo to target that content to the Embedded Content LWC in Salesforce.
- In Pendo, go to Guides > Guides, open your embedded content guide, select Manage in my app, and then select Launch Designer. This opens the Visual Design Studio for your embedded content guide.
- Open the Location tab in the Edit Container window.
- Under Select Element, choose Custom CSS and enter the following:
.active [data-component-id="COMPONENTID"]. Replace the capitalized value in quotes with the unique Component ID you assigned to the Embedded Content LWC in Salesforce, which is where you want the guide to appear. - Select Done in the bottom-right corner of the Edit Container window of the Visual Design Studio.
- Select Save in the action bar.