Documentation

Store Launchpad for B2B Manufacturing

You can use the Store Launchpad for B2B Manufacturing to create a B2B commerce website.

Your commercetools Frontend project comes with a Store Launchpad for B2B Manufacturing that you can use to create a B2B commerce website. The Store Launchpad for B2B Manufacturing is a template that consists of Frontend components, extensions, and types that leverage features and functionalities from commercetools Composable Commerce and commercetools Frontend.

The Store Launchpad for B2B Manufacturing is designed according to digital commerce UX and UI best practices.

If the B2B components are not available in your commercetools Frontend project at this path packages/PROJECT_NAME/home/frontend/components, you can find the components in this repository and add them to your project.

Main template elements

The Store Launchpad for B2B Manufacturing includes the following main elements:

  • Homepage with merchandising features, such as a hero banner and sections to display categories, brands, and blogs.
  • Registration page for creating a Business Unit.
  • Login page for administrators and buyers
  • Account pages for both administrators and buyers, including:
    • Business Unit and Store selector, from where buyers and administrators can switch between the Business Units and Stores they have access to.
    • Quotes page, where buyers can view and filter quotes and quote requests and access the Quote details page.
    • Quote details page, where buyers can view a quote's data and related activities and can initiate the checkout process if the quote has been approved.
    • Orders page, where buyers can view and access the Order details page.
    • Order details page, where buyers can view an order's data, return or place the order again, and view items in the order.
    • Company Admin page, where administrators can manage addresses, and configure Associates and Business Units.
    • Purchase lists page, where buyers can view and manage purchase lists.
    • Settings and security page, where buyers can view and manage general settings and security.
    • Approval Rules page, where administrators can create and manage Approval Rules.
    • Approval Flows page, where associates can view and manage orders that are pending in the approval process.
    • Addresses page, where administrators can manage addresses for a specific Business Unit.
  • Search listing page
  • Product listing page
  • Product details page
  • Quick order menu
  • Cart page
  • Checkout page
  • Navigation menu
  • Language selector
  • Header
  • Footer

The Store Launchpad for B2B Manufacturing includes other UI components and Frontend components. For more information, see the B2B store Storybook.

Sample data

You can use the B2B sample data to test realistic commerce scenarios and explore the capabilties of the Store Launchpad for B2B Manufacuring. For more information about what is included in the sample data and how to use it, see Exploring the B2B sample data.

Testing

The Store Launchpad for B2B Manufacturing uses the Jest testing framework for unit tests across functions and components. Each function and component folder has a corresponding test file within it. For example the Button folder contains a test file called Button.spec.tsx.