# Create a Product page

<Embed url="https://youtu.be/adwFGirGQ3A" />

A well-built product page loads fast, guides visitors to the details that matter, and makes it easy to hit Add to cart. This guide walks you through creating and publishing a Product page template with Foxify.

<Hint type="success">
  Looking for product page inspiration? The [Build a high-converting product page](https://docs.foxecom.com/foxify-app/guides/build-your-store-pages/build-a-high-converting-product-page) guide includes real store examples and video walkthroughs you can follow along with.
</Hint>

## Create and publish your product page

<Stepper>
  <Step title="Create your product page">
    1. In the Foxify dashboard, click **Create** on the main page, or **Create page** on the Pages manager.
    2. Select **Product** as the page type.
    3. On the Create your Products layout screen, choose how you want to start:

    <Table widths="">
      | Approach                                                             | Best for                                                                                         |
      | -------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ |
      | [Start from a template](https://docs.foxecom.com/foxify-app/pages/templates) | Fastest way to get started — browse layouts by style and customize to your brand                 |
      | [Generate with AI](https://docs.foxecom.com/foxify-app/pages/page-creation/ai-layout-generator)      | Describe your product and the page's goal — AI Layout Generator builds a full layout in seconds. |
      | Build from scratch                                                   | Full control — start with a blank canvas and add sections manually.                              |
    </Table>
  </Step>

  <Step title="Design your page">
    Customize your product page. A well-structured product page typically includes:

    * **Product gallery** — images or video that show the product from multiple angles
    * **Price and variant picker** — options like size and color, plus an Add to cart button
    * **Product description** — key details, materials, and specifications
    * **Social proof** — reviews, ratings, or trust badges

    <Hint type="info">
      Add the [Product details](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/product-details) element to pull in live product data — price, variants, description — automatically, instead of typing it in manually.
    </Hint>

    To customize each section, click any element to select it and edit settings in the **Inspector panel**. New to the editor? These guides cover the essentials:

    * [Add and edit elements](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements) — add text, images, buttons, and more to your page
    * [Layout & styling](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling) — control spacing, alignment, and element positioning
    * [Global styles](https://docs.foxecom.com/foxify-app/pages/global-styles) — set brand colors and fonts once, apply across all pages automatically
    * [Check and adjust mobile view](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/check-and-adjust-mobile-view) — make sure your page looks right on smaller screens
  </Step>

  <Step title="Assign your page to products">
    Choose which products use this template.

    1. In the Page editor, go to the top bar and select **Assigned products**.
    2. In the **Template assignment** pop-up, apply the template to specific products, or to all products (the default product template).
  </Step>

  <Step title="Preview and publish">
    1. Click **Preview** to review your page on desktop and mobile before publishing.
    2. When ready, click **Publish**.

    You need to enable **Foxify Theme Helper** in your Theme App embeds so Foxify can work with your Shopify theme.

    Want to publish to a draft theme instead of your live store? See [Pick a theme to work with Foxify](https://docs.foxecom.com/foxify-app/faqs-and-troubleshooting/faqs/pick-a-theme-to-work-with-foxify).
  </Step>
</Stepper>

## Unpublish a product page

1. Open the Product page in Foxify.
2. Click **Unpublish** in the top-right corner of the editor.

## FAQs

**Can I use different product page designs for different products?**<br />Yes — assign each template to specific products, or set one as your default for products that don't have a custom template.

**Will publishing a Product page affect products I haven't assigned it to?**<br />No — only the products you assign use the Foxify template. Everything else keeps your theme's product page.

**My Product page is published but not showing on my store. What's wrong?**<br />Foxify Theme Helper may not be enabled in your theme. Go to **Shopify admin > Online Store > Themes > Edit theme  > App embeds** and make sure **Foxify Theme Helper** is toggled on and saved.

**Can I use my Foxify Product page with a different theme?**<br />Yes — switch which theme Foxify works with in **Foxify > Settings**. If you change your active theme, you'll need to re-enable Foxify Theme Helper in the new theme.

## Related resources

<PageLink href="https://docs.foxecom.com/foxify-app/pages/templates">
  Templates
</PageLink>

<PageLink href="https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/product-details">
  Product details
</PageLink>

<PageLink href="https://docs.foxecom.com/foxify-app/foxstudio/editor-tools">
  Editor tools
</PageLink>

<div data-full-width="false" />