Salesforce Docs Portal

Configure Subscription Shopping in a Commerce Store

In Experience Builder, customize your B2B store pages so that shoppers can purchase subscription products and manage their active subscriptions from their profile.

Required Editions

Available in: Lightning Experience
Available in: Enterprise, Unlimited and Developer editions
Available in: B2B Commerce

Which Salesforce Commerce Product Do I Have?

Watch the video to help you configure subscription shopping for your store.

If you can’t watch the video in full screen, open the video on a new tab: Configure Subscription Shopping.

  1. In the navigation sidebar, select a store from the Store dropdown.
  2. Click Experience Builder.
  3. On the Product page, add the Subscriptions component.
    You also need up-to-date versions of the Product Detail Purchase Options and Product Set components. If you’re not sure if the latest versions of these components are in your store, replace your components with the versions from the component menu.
  4. Update the Checkout page.
    1. To make sure that you’re using the latest version of the Checkout Layout: One-Page component, replace it with the new version from the component menu.
    2. Drag and drop the Subscription Policy component under the Place Order section.
    3. Replace the Payments component with the Salesforce Payments component. Your store must use Salesforce Payments to sell subscription products. See Salesforce Payments.
  5. On the Search Page, customize how the subscription option label for a product displays in search results.
    1. Select the Results component.
    2. In the Results display section, edit the Subscription Option Text label.
  6. On the My Profile Page, add a menu item and page so that shoppers can view and manage their subscriptions.
    1. Select the Navigation List Menu component.
    2. Click Edit Default My Account Menu.
    3. Click Add Menu Item.
    4. Enter a name for the menu item. For example, “Subscriptions” or “My Subscriptions.”
    5. For Type, select Site Page.
    6. For Page, select Subscriptions.
    7. Click Save Menu Item.
  7. To support updating saved payment methods on your store’s subscription page, configure the same payment method set key on the Subscriptions page that you use on the Saved Payment Methods page.
    1. From the Pages list, open the Add Payment Methods page.
    2. Select the Add Payment Method component on the page.

      If the component is not already added to the page, drag and drop the component from the Components list.

    3. In the Settings tab, select a key for the Payment Method Set Key field.
    4. Copy the key value for your reference.
    5. From the Pages list, open the Subscriptions page.
    6. Select the List Repeater component.

      If the component is not already added to the page, drag and drop the component from the Components list.

    7. In the Settings tab, select the same key that you used for the Add Payment Methods page.
    8. From the Pages list, open the Saved Payment Methods page.
    9. Select the Saved Payment Methods component.

      If the component is not already added to the page, drag and drop the component from the Components list.

    10. In the Settings tab, select the same key that you used for the Add Payment Methods page.
  8. Preview the site and publish your store.

See Also