Elevate the shopping experience by combining the power of Magnolia and Salesforce Commerce Cloud (SFCC). Use the available integration of Magnolia and SFCC to build the progressive web app, thanks to the Salesforce Composable Storefront.
With HA CLI, you can easily start up with a ready-to-use template for an e-commerce app that utilizes this integration.
Make sure to have the latest version of the HA CLI. Update the current version of the HA CLI if needed.
Salesforce Composable Storefront requires node version
Create a new empty directory, navigate there, and execute
ha jumpstart to jumpstart a new project.
Refer to the Hello Magnolia - HA CLI to read more about creating a new web application.
During the jumpstart, choose to jumpstart a react project. Then select the salesforce-magnolia framework template. Choose the highest version when prompted.
HA CLI asks for the information to connect to the SFCC instance during the jumpstart.
Change the credentials to connect to the specific Salesforce sandbox, or use the default values presented during the jumpstart to test the integration of the Salesforce Composable Storefront and Magnolia.
To use the default values press Enter when prompted for SFCC credentials.
The SFCC credentials can be changed at any time by editing the configuration files in the project.
Credentails needed to get started with the Salesforce integration and Composable Storefront are:
- Client ID
- Organization Id
- Short Code
- Site Id
- Einstein Id
- Einstein Site Id
- api Host
- ocapi Host
- API Base URL
- API Username
- API Password
- API Shop URL
- API Site Id
- Catalog Id
Magnolia instance and Composable Storefront is correctly connected to the Salesforce instance after the jumpstart.
ha dev to start up the application.
The local Magnolia instance is connected to the Salesforce Commerce Cloud and is running at port 8080.
Enter the Magnolia License Owner and License Key to use the salesforce-magnolia template project.
Login to the local Magnolia AdminCentral running at port 8080 with:
Front-end is served via the Composable Storefront and is running at port 3000 by default.
Magnolia instance is connected to the SFCC instance through the SFCC connector.
Edit these configuration files in order to change the credentials needed for Magnolia, Composable Storefront and SFCC integration: