Install `Salesforce` B2C Commerce {#salesforce-b2c-installation}
================================================================

Download and install the cartridge for `Salesforce` B2C Commerce.
Before beginning installation, ensure that you have:

* Access to your `Salesforce` B2C Commerce instance.
* Node.js installed on your development machine.
* Appropriate IDE, such as VSCode with the Prophet Debugger extension.

1. Download the cartridge for `Salesforce` B2C Commerce from the ISV Integration Toolkits section on [GitHub](https://github.com/cybersource/cybersource-plugins-rest-salesforceb2ccommerce "").

2. Set up your workspace by creating a folder named `Cybersource` in your `Salesforce` workspace and copy the downloaded cartridges, *int_cybs_sfra* , *int_cybs_sfra_base* , and *bm_cybs_sfra* to the workspace.

   #### ADDITIONAL INFORMATION

   If the project's base path is different from the one available in *package.json* , open the file */package.json* and modify the `paths.base` value to point to your *app_storefront_base* cartridge. This path is used by the JS and SCSS build scripts.

3. Configure the IDE.

   #### ADDITIONAL INFORMATION

   If you use VSCode, install the Prophet Debugger extension and include these lines in *dw.json*:

   #### ADDITIONAL INFORMATION

   ```
   {
       "hostname": "your-sandbox-hostname.demandware.net",
       "username": "yourlogin",
       "password": "yourpwd",
       "version": "version_to_upload_to",
       "cartridge": [
           "int_cybs_sfra",
           "int_cybs_sfra_base",
           "bm_cybs_sfra",
           "app_storefront_base",
           "modules"
       ]
   }
   ```

   #### ADDITIONAL INFORMATION

   If you are using a different IDE, refer to the respective guide to set up your workspace.

#### RESULT

**Build and Upload Code**

1. Install the Node.js dependencies in the `Cybersource` folder.

2. Install *sgmf-scripts* and *copy-webpack-plugin* with this command:

   ```
   npm install sgmf-scripts && npm install copy-webpack-plugin
   ```

   {#salesforce-b2c-installation_codeblock_vbr_131_1kc}

3. Compile JS and SCSS with this command:

   ```
   npm run compile:js && npm run compile:scss
   ```

   {#salesforce-b2c-installation_codeblock_wbr_131_1kc}

4. Upload the code to the `Salesforce` Commerce Cloud instance:

   ```
   npm run uploadCartridge
   ```

   {#salesforce-b2c-installation_codeblock_xbr_131_1kc}

The cartridge is now installed and ready for configuration in your `Salesforce` B2C Commerce environment.
