Choose how personalization appears on the product page
Show the design in the page or behind a button, separately for desktop and mobile.
Last updated About 2 months ago
Your product page has two things to fit in: the questions, and the preview of what the customer is making. Go to Preferences > Storefront to decide how they share the page.
Design placement
Pick one for Desktop and one for Mobile:
- In the page: the questions and the design sit right on the product page. The usual choice on desktop.
- Preview button: the questions stay on the page, and a button opens the design on its own.
- Personalize button: only a button. It opens the questions and the design together. Good for busy pages or long forms.
Out of the box, desktop shows the design in the page and mobile shows a Preview button. That suits most stores.
Other settings on this tab
- Button text and Title for the button and the panel it opens. Leave them blank to use sensible defaults.
- Show Add to cart inside the preview, so a customer can buy without closing the panel.
- Gallery preview mode: add the customer's version to your product photos, or replace your photos with it while they personalize.
- Show progress bar for long forms.
Click Save in the bar at the top. There is nothing to publish: reload a product page and you'll see the change.
Note: these settings apply to your whole store, not to one product.
Full guide: Where the design shows on your product page
Was this helpful?
More in Your storefront
Buy it now and express checkout buttonsMatch the options to your store's lookWhat customers see in the cartStill need help? Ask the team