---
schema_version: "1"
id: 741bc7ea24886d67d3067df49628efcdbb2ba97bcfc1f2db62b6b191c34fdf3e
title: Customize Where Commerce App Components Appear on Your B2C Storefront
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/cc/264-0-0/b2c_commerce_app_storefront_display.md
canonical_url: https://help.salesforce.com/s/articleView?id=cc.b2c_commerce_app_storefront_display.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 6cfd06d3e2b01f44037be73700ae40fc515a99b929f5ea9c5e6c5ac5ef5e9824
description: Choose where Commerce app components appear on your Storefront Reference Architecture (SFRA), Composable Storefront, or Storefront Next site.
products:
  - Commerce
  - B2C Commerce
release: "264"
---
# Customize Where Commerce App Components Appear on Your B2C Storefront

Choose where Commerce app components appear on your Storefront Reference Architecture (SFRA), Composable Storefront, or Storefront Next site.

Prerequisite:

Upgrade your storefront to the latest version.

- For SFRA, see [SFRA Versions and Releases](https://developer.salesforce.com/docs/commerce/sfra/guide/b2c-sfra-versions.html).
- For Composable Storefront, see [Maintain Your Site](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/maintain.html).
- For Storefront Next, see [Customization Best Practices and Upgrades](https://developer.salesforce.com/docs/commerce/sfnext/guide/sfnext-component-extend-upgrade.html).

1. In Business Manager, click App Launcher ![App Launcher](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-cc-b2c_merchandiser_administrator-264-0-0-production-enus/ea76f372-6cfa-42a6-8e7c-05c6df7abed8/cc/b2c_merchandiser_administrator/images/appLauncher.png), and then select **Merchant Tools** | **Site** | **Commerce Apps** | **App Catalog**.
2. Open an installed app that supports component surface area enablement.
3. In the app’s display card, select where to place the component.
    
    Turn on or turn off components by surface area, such as on the Checkout, Cart, Mini-Cart, and Product Detail pages, without modifying code.
    
    ![Display card options for placing the component on your storefront.](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-cc-b2c_merchandiser_administrator-264-0-0-production-enus/ea76f372-6cfa-42a6-8e7c-05c6df7abed8/cc/b2c_merchandiser_administrator/images/b2c_express_checkout_display.png)
4. If you’re using Composable Storefront or Storefront Next, review, test, and merge the pull request that applies the change.
    
    Salesforce Payments doesn’t require you to merge a pull request.
5. Save your changes.

#### See Also

- [Commerce Apps for B2C Commerce](https://help.salesforce.com/s/articleView?id=cc.b2c_commerce_apps.htm&release=264.0.0&type=5 "Manage checkout integrations from a single workspace. Commerce Apps combines APIs, back-end code, and UI components to integrate native Salesforce, partner, and custom solutions into the B2C Commerce platform.")
- [Install a Commerce App for B2C Commerce](https://help.salesforce.com/s/articleView?id=cc.b2c_install_commerce_app.htm&release=264.0.0&type=5 "Install and configure a Commerce app in Business Manager to add domain functionality to your Storefront Next site.")