---
schema_version: "1"
id: 82f0dcda3dc96b316b14edb50891604ef981332379a0aeb779101b9eddf33335
title: Configure ESM Components in Experience Cloud (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/ind/264-0-0/comms_configure_esm_components_in_experience_cloud.md
canonical_url: https://help.salesforce.com/s/articleView?id=ind.comms_configure_esm_components_in_experience_cloud.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 4954f0853b03910f525defc1c904cc0beb10dee72fb09b6e3e80bca2979f2971
description: 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.
products:
  - Communications
release: "264"
---
# 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.

![Managed Package Icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-ind-communications-264-0-0-production-enus/444efb86-ea1e-477e-afbc-56eaac192eaf/communications/images/media_package_icon.png) _This feature is part of the Communications Cloud managed package._

| REQUIRED EDITIONS |
| --- |
| Available in: Lightning Experience |
| Available in: **Enterprise**, **Performance**, **Unlimited**, and **Developer** Editions |

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.