Get the Page Designer Reference Examples

We provide example page types and component types to help you quickly get started using Page Designer.

Storefront Reference Architecture (SFRA) includes page types and component types optimized for use with SFRA. For the latest version of SFRA, go to the SFRA repository.

If you are using the SiteGenesis reference application, go to the SiteGenesis repository to get reference cartridges you can use with SiteGenesis.

  1. If you don’t have a GitHub account, create one on Github .
  2. Enable two-factor authentication for your GitHub account.
  3. Navigate to the XChange User Community Profile , and log in with Account Manager credentials.
    If you have an active session on XChange, you might be logged in automatically.
  4. On the left, select Github. Follow the on-screen steps to authenticate, link your GitHub account, and request access.
  5. Click Visit Commerce Cloud on Github.
  6. Click View Invitation. Accept the invitation.
    You now have access to the Salesforce CommerceCloud repositories on GitHub.
  7. Search for the storefront-reference-architecture or page-designer-reference repository, and click Clone or download to copy the repository to your local system.
  8. If you downloaded the repository, expand the .zip file.
    Note: On macOS, you can use the command-line unzip utility to expand the files.
    For information about how to get started with the SiteGenesis page-designer-reference repository, see Site Genesis README.
    For details about the Page Designer example pages and components for the SiteGenesis page-designer-reference repository, see Site Genesis Implementation Guide.
X Privacy Update: We use cookies to make interactions with our websites and services easy and meaningful, to better understand how they are used. By continuing to use this site you are giving us your consent to do this. Privacy Policy.