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

Download and install the `Cybersource` 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 (VSCode recommended with Prophet Debugger extension).

1. Download the `Cybersource` 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.

   1. Create a folder named `Cybersource` folder in your `Salesforce` workspace and copy the downloaded cartridges (*int_cybs_sfra* and *int_cybs_sfra_base*) to the workspace.
   2. If the project's base path is different from the one available in the `Cybersource` 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 IDE (VSCode).

   #### ADDITIONAL INFORMATION

   If you use VSCode, install the extension Prophet Debugger 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",
           "app_storefront_base",
           "modules"
       ]
   }
   ```

   #### ADDITIONAL INFORMATION

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

4. Build and Upload Code

   1. Install the node in the `Cybersource` folder

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

      #### ADDITIONAL INFORMATION

      ```
      npm install sgmf-scripts && npm install copy-webpack-plugin
      ```
   3. Compile JS and SCSS with this command:

      #### ADDITIONAL INFORMATION

      ```
      npm run compile:js && npm run compile:scss
      ```
   4. Upload the code to the `Salesforce` Commerce Cloud instance:

      #### ADDITIONAL INFORMATION

      ```
      npm run uploadCartridge
      ```

#### RESULT

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