Step-by-Step Guide to Setting Up a Storefront with Salesforce Commerce Cloud

Introduction

Salesforce B2C Commerce Cloud is a powerful eCommerce platform that enables businesses to build, manage, and scale online storefronts efficiently. In this guide, we will walk through the step-by-step process of setting up a storefront using Salesforce Commerce Cloud.

Step 1: Set Up Your Salesforce Commerce Cloud Account

To begin, you need access to a Salesforce Commerce Cloud environment. If you don’t have an account, contact Salesforce Account Manager to obtain credentials.

  • Log in to Business Manager, the central hub for managing your storefront.
  • Set up your Organization Preferences such as currency, locale, and tax settings.

Step 2: Configure Your Storefront

Once logged in, configure the key elements of your storefront.

2.1 Create new Site

  • Go to Administration > Sites > Manage Sites.

    Storefront

  • Click on New Button.

    new Site

  • Fill the required field value.

    ID :

    Name :

    Time Zone :

    Currency :

    Taxation :

    Customer List :

    field value

  • Then Click on the Apply button.
  • Here your site is created.

2.2 Define Your Catalog

  • Go to Merchant Tools > Products and Catalogs.
  • Click on Catalog and add categories.

    Catalog

  • You’ll see the New button on the screen, click on it to create a new catalog.

    new catalog

  • Fill the required details and click on the Apply button.

    required details

  • After creating a catalog, create categories in the catalog that you have created as many as you want.

    create categories

  • Check the “Show in Menu Navigation” , click on Apply button.

    Show in Menu Navigation

  • After creating the catalog, assign it to the site as mentioned below in the snapshot.

    Merchant tool

  • To assign some products to the category go to the Catalog that you have created and select the category ‘aamir-category’.

    aamir category

  • Then Click on Assign button and then select some products that you want to show on your site.

    Assign Product

  • After assigning the product it’ll look like this.

    assigning the product

2.3 Set Up Pricing

  • Navigate to Merchant Tools > Product and Catalogs.
  • Click on the Price Book.

    Price Book

  • Then Click on the New button.

    New Price Book

  • After that fill the required fields and click on the Apply button.

    New Price Book

  • After creating the price book, assign it to the site.

Alternatively, use Existing pricebook

Assign the Existing USD price book to the site.

  • Click on the ‘usd-m-sale-prices’ and assign(by clicking on site assignment) the site to the price book.

    usd-m-sale-prices

  • Click on the Apply button after checking the box of our site.

    checking the box

2.4 Configure Inventory Management

  • Set up stock levels and define inventory rules.
  • Enable real-time inventory updates via API or batch uploads.
  • Go to Merchant Tool > Product and Catalog then click on the inventory button.

    Product and Catalog

  • Click on the New button and fill the required fields and assign it to the site.

    Product Assign

    New Inventory List

Alternatively, use the existing inventory

Assign the existing inventory to the site.

  • Click in ‘Inventory-m’ and assign to the site.

    Inventory-m

    After Above step you will see you storefront

    Live storefront

Step 3: Customize Your Storefront with SFRA

Salesforce Storefront Reference Architecture (SFRA) is the recommended framework for building your site.

  • Download the SFRA codebase from the Salesforce GitHub repository.
  • Set up a local development environment using Node.js and npm.
  • Modify the SFRA templates to customize the storefront design.

Step 4: Test Your Storefront

Before going live, conduct rigorous testing.

Functional Testing: Ensure all features work as expected.

Performance Testing: Optimize site speed and scalability.

Security Testing: Implement HTTPS, fraud detection, and data encryption.

Conclusion

Setting up a storefront with Salesforce Commerce Cloud is a structured process that involves configuration, customization, and optimization. By following this step-by-step guide, businesses can create a scalable and efficient eCommerce experience that drives revenue and enhances customer engagement.

Ready to launch your storefront? Get started with Salesforce Commerce Cloud today!

For additional questions on Experience please reach out to support@astreait.com