Create Featured Product Collections for Your B2B Store

Upsell or cross-sell your products by associating a product with up to 10 featured products. Create multiple user-defined collections, such as Complementary Products, Best Sellers, New Arrivals, and more. Showcase these static product recommendations on your B2B store's home page, product listing pages, or product detail pages.

Required Editions

View supported editions.

Before you assign featured products to your product, see Guidelines to Assign Featured Products to a Product.

Show Featured Product Collection on Your B2B Store Home Page or Product Page

  1. Go to your store, and from the navigation sidebar, click Website Design, and then click Experience Builder.
  2. Add the featured product collection on your B2B store home page or product page.
    1. For a B2B store, from the Home or Product page, click Components icon, enter and select Grid, and drag the Grid component to the page.
    2. For a D2C store, from the Home or Product page, click Components icon, enter and select Grid or Carousel, and drag the component to the page.
  3. Click Components icon again, enter and select Product Card, and drag the component within the Grid or Carousel component.
  4. Click the Grid or the Carousel component block to edit.
  5. Under the Settings tab, for the Data Source dropdown list, select Product Recommendations.
  6. Select a source.
    • To show products based on the shopper's current exploration, select Product Viewed.
    • To show the featured products for a specific product, select Product ID and enter the ID.

      To find the Product ID, from your Store | Merchandising | Products, click a product, click Go to global product record, and from your browser URL, copy the Product ID at the end of the URL.

      Product ID in the URL
  7. Select the Recommender as Featured Products.
  8. From the Product Relationship dropdown list, select a featured product collection.
  9. Highlight the Product Card component, and from the left menu, click Components icon, and change the Data Binding value from {!Item} to {!Recommendation}.
  10. Preview and publish your store.

The store shows the featured product collection on your home page.Featured Product Collection