Configure ESM Components in Experience Cloud (Managed Package)

Configure the ESM components in your Salesforce Experience Cloud site by adding and customizing the b2bEnterpriseAppWrapper and b2bSampleAppCard components. This configuration ensures your ESM app is fully integrated and published.

1. Create a new blank page.
   1. From Setup, enter Experience Builder in the Quick Find box, and then select Experience Builder.
   2. In the navigation menu, click Pages.
   3. Select New Page, and then click Blank Page.
   4. Enter a name for your page, and then click Create.
2. Add the ESM components.
   1. In the Experience Cloud Builder, open the new page that you created.
   2. From the Components panel, locate the b2bEnterpriseAppWrapper component.
   3. Drag the b2bEnterpriseAppWrapper component onto the page content area.
   4. To extend the ESM functionality, drag the b2bSampleAppCard component inside of the b2bEnterpriseAppWrapper component.
3. Publish the site.
   1. After you add and configure the components, click Publish in the Experience Cloud Builder.
   2. Confirm the publish action to make your changes live.
4. Verify the configuration.
   1. Construct the URL for your new page. Here’s a sample structure: https://your-community-url.com/your-page-name?c__cartId=your-cart-id&c__cartName=your-cart-name&c__accountId=your-account-id&c__objType=your-object-type
   2. In the URL, replace the placeholder values with your specific data for these required parameters:
      • c__cartId
      • c__cartName
      • c__accountId
      • c__objType
   3. Navigate to the URL in your browser.
   The ESM app displays the Experience Cloud page with the configured components.