Build a Custom Product Page for Your Online Store

A custom product details page lets you design a unique page for one product with its own story, media and upsells, while the rest of your store keeps the standard layout.

Before you start

You need a product under Payments > Products that is included in your online store, and access to the store builder.

Create the page

  1. Go to Sites > Stores and open the store.
  2. Click Add New Page.
  3. Turn on Custom Product Details Page.
  4. Search for and select the product or products it should represent.
  5. The new page starts as a one-time copy of your default product page, including layout, store elements, styling and desktop and mobile visibility. Later changes to the default page do not affect it.
  6. Edit the layout with product elements such as images, details, call to action and related products.
  7. Save and publish.

How shoppers reach it

Clicks from the product list, featured sections and direct product links go to the custom page when one is assigned.

Managing assignments

  • A product can use only one custom page at a time. Assigning it to another replaces the earlier one.
  • Reassign products from the creation modal or the page settings.
  • Deleting a custom page sends its products back to the default product page.

Good to know: Test by opening the product from the store listing, not just from the editor preview, to confirm the routing.

Was this article helpful?