Skip to main content

Product preview

Preview mode lets you sanity-check merchandising—tiers, subscription toggles, trust badges, and CTA placement—before you hit Save Product.

Open preview​

In the product editor header, choose Preview next to Edit. Your form values stay in memory; nothing is written to the catalog until you save.

Device frames​

Use the mobile and desktop icons to swap the preview width. This mirrors how shoppers experience the Product block inside responsive pages.

What the preview approximates​

The preview uses your current product fields to approximate how the product will look on a page. It is designed to match the published Product block closely, but always verify on a test page after you attach the product to real layout spacing.

Preview is especially useful for:

  • Tier math — Confirm totals, compare-at strikethroughs, and /ea labels.
  • Subscribe & Save — Validate benefit bullets and purchase type toggles.
  • Copy length — Ensure titles and trust lines do not overflow on narrow screens.

Limitations​

  • Checkout links are not completed inside preview; you still need to click through on a published page to test payment flows.
  • Inventory, tax, and external upsells live outside this preview.

Frequently asked questions​

Does preview hit my live checkout URLs?

No. Preview is a visual approximation for layout review only.

Why does my bundle look like a simple card?

Ensure Show full product is on if you expect imagery and trust copy bundles still follow the same Product rendering rules as simple items.