Docs › Shop and products
How to Show Product in Preview
See how your product will look on your website before publishing.
Previewing a Product
- Go to the Pages tab
- Select Products from the page type filter
- Find the product you want to preview
- Click the preview icon on the product card
- The product page displays in the preview area
What You’ll See
The preview shows:
- Product name and description
- Price and frequency
- Product image
- Buy/checkout button
- Any configured options (quantity, etc.)
Testing Checkout Flow
In preview mode, you can:
- See the product layout
- Check responsive design on different devices
- Verify pricing displays correctly
Note: Actual checkout testing requires publishing the page.
Making Changes
If something doesn’t look right:
- Click Edit on the product
- Update the settings
- Preview again to verify changes
-
Editor Overview Learn more
-
AI Chat Guide Learn more