Installing Paazl's extension for SFCC SFRA
This article explains how to install Paazl's extension in your Salesforce CC SFRA implementation.
Note
The Paazl LINK cartridge can be used out of the box with Commerce Cloud's Storefront Reference Architecture (SFRA) - version 3.3.0
You can use it with other versions but you may need to make additional adjustments.
Step 1. Install LINK cartridge
Install the int_paazl_sfra and int_paazl_core cartridges in Commerce Cloud UX-studio.
Step 2. Install sgmf-scripts
Salesforce CC has published an NPM node named sgmf-scripts that has tools to compile the CSS and JS scripts for your storefront site. To install and then compile the scripts, execute the following instructions from the command line:
- npm install sgmf-scripts
- npm run compile:js && npm run compile:scss && npm run compile:fonts
Normally, you only have to compile the fonts once.
Step 3. Import metadata
To add Paazl configuration functionality to Business Manager, import Paazl's predefined metadata as follows:
- Download the Paazl LINK installation package from https://github.com/SalesforceCommerceCloud/link_paazl
- Open the link_paazl-master/site_import/sites/ folder
- Rename the yourSiteId folder to your site's ID in Salesforce CC Business Manager
- Zip the site_import folder
- Import the zipped file into Business Manager ( ).
After the import, the following changes will have been made to Business Manager.
Paazl attributes will have been added to:
The following services will have been added to
:- service.paazl.rest.gettoken
- service.paazl.rest.getSelectedOption
The paazl shipping method will have been added to .
Step 4. Compile JS and CSS
The Paazl JS and CSS files are part of the int_paazl_core cartridge.
- Compile the JS and CSS code of the app_storefront_base cartridge as explained in SFRA README.md.
- Compile the JS and CSS code of the int_paazl_core cartridge.
- Go to the top level of your project (just above the cartridges folder).
- Make sure that you are using the package.json and webpack.config.js files in the link_paazl repository in GitHub.
- Execute the following command:
npm install
- Execute the following commands:
npm run compile:js && npm run compile:scss