Product Personalizer
How to Create a Live Product Preview in Shopify
Shoppers distrust personalization they cannot see. A live preview on the product page—text and images updating on the mockup—cuts “is this where my name goes?” tickets and raises add-to-cart confidence.
Souvely Product Personalizer renders design previews as part of the storefront widget when a rule is assigned. This article focuses on preview quality, not full account setup.
What the preview includes
- Text as shoppers type (with your fonts)
- Uploaded images positioned on the mockup
- Drag, scale, and rotate within your limits
- Optional area boundaries for small blanks
- Front/back switching when both sides are enabled
Personalized details and preview imagery also travel with the order for fulfillment.
Make previews production-true
- Use product photography that matches the blank orientation.
- Draw personalization areas that mirror the real print/engrave zone—not the whole hero image.
- Match fonts to shop-floor capability.
- Test long names and large uploads that hit your limits.
- Verify mobile pinch-to-scale and desktop sliders.
Theme embed reminder
Preview only appears when:
- Souvely storefront embed is on
- A rule is assigned to that product (directly or via collection)
- You are under plan product caps
No Liquid snippets required for the default preview path.
Common mistakes
| Mistake | Fix |
|---|---|
| Beautiful photo, wrong plate alignment | Recalibrate area |
| Preview on desktop only tested | Retest iOS/Android |
| Assuming preview = print-ready file always | Confirm Orders handoff for production |
Preview vs proof
The PDP preview is a placement confidence tool for the shopper. It is not automatically a print-shop color proof. For color-critical photo products, still review the uploaded file in Souvely → Orders before production, especially if your print process expects a specific DPI or aspect ratio.
Hypothetical example
Example (illustrative): A pet-portrait merchant draws an area on a square blanket mockup. The shopper uploads a phone photo, pinches to fill the area, and adds to cart. CS later opens the order preview to confirm the pet’s face is not cropped before printing.
Related reads
Also useful: Product Personalizer · FAQ · Pricing
Sell personalized products on Shopify with Souvely Product Personalizer. Explore the app — Free covers up to 10 personalized products at $0 with no time limit. Starter is $9.99/mo (up to 30) and Unlimited is $19.99/mo; both unlock checkout personalization fees and include a 30-day Shopify Billing trial. Flat monthly pricing — no per-order fees and no revenue share.