# Install the Agentforce Commerce Client

The Agentforce Commerce Client is distributed as an npm package under the name `@cimulate/copilot-widget`.

Some storefront frameworks require a unique enablement path, such as Storefront Next, which uses the B2C Shopper Agent for setup and container configuration.

## Record Connection Channel Settings for Client Installation

The Agentforce Commerce Client requires connection information to communicate to the Salesforce org's Agentforce messaging channel. SFRA, PWA Kit, and Storefront Next storefronts need these details because all three load the same client and connect to the same back end.

Record the connection values from the Salesforce org's Embedded Service Deployment. You use them later when configuring the client for your storefront.

1. Locate the connection settings in your Salesforce org.

   1. In your Salesforce org, go to Setup.
   2. In the Quick Find box, enter and select **Embedded Service Deployment.**
   3. Select the name of your deployment, and in the Code Snippet tile, click **Install Code Snippet**.
   4. From the Custom Client Code Snippet, record these values.
      - `Url`: Endpoint for the Salesforce real-time messaging platform, SCRT2. Replaces the `scrt2Url` value in your client configuration settings.
      - `OrganizationId`: Salesforce org ID, beginning with `00D`. Replaces the `salesforceOrgId` value in your client configuration settings.
      - `DeveloperName`: Embedded deployment service developer name. Replaces the `esDeveloperName` value in your client configuration settings.

   You don't need the `channelAddressIdentifier` value.

   Here's an example of the code snippet.

   ```json
   {
     "channelAddressIdentifier": "4b19d07a-a56e-4ffe-94ca-a5bfa691d38c",
     "OrganizationId": "00DSB00001BNKs2",
     "DeveloperName": "Carter_CC_ES",
     "Url": "https://orgfarm-scanchi57.test1.my.pc-rnd.salesforce-scrt.com"
   }
   ```

2. Log in to Business Manager, and record these values:
   1. Organization ID: The ID of the B2C Commerce org. This ID begins with `f_ecom`. Go to **Administration | Site Development | Salesforce Commerce API Settings**.
   2. Site ID: The storefront site ID. Go to **Administration | Sites | Manage Sites**.

Follow the installation method for your storefront type.

- [Install the Agentforce Commerce Client on SFRA](/docs/commerce/b2c-commerce/guide/install-on-sfra.md)
- [Install the Agentforce Commerce Client on PWA Kit](/docs/commerce/b2c-commerce/guide/install-on-pwa-kit.md)
- [Install the Agentforce Commerce Client on Storefront Next](/docs/commerce/b2c-commerce/guide/install-on-sfnext.md)
