UGC on the product page
Real customer photos and videos on the product page are the closest thing to a friend saying "yeah, it's good", they show the product in real hands, real rooms, real light.
This note is only about displaying that content ON the page (galleries, review photos, shoppable widgets). Building the UGC engine and turning it into ads lives in the marketing channel.
Fastest path: one prompt, end to end
🤖 AI prompt — paste into ChatGPT / Claude
You are a product-page UX designer. Use MY setup only.
Product + platform: [e.g. apparel on Shopify]
UGC I already have and where: [e.g. review photos in my reviews app, tagged IG posts]
Rights status: [e.g. review photos yes, IG posts need permission]
Current product page sections in order: [paste]
Do this:
1. Recommend where customer photos/videos go on the page and in what layout: a review-photo gallery, a dedicated "from customers" strip, and/or a shoppable UGC widget. Give the section order.
2. Give on-site moderation + rights basics for DISPLAY only: what to screen out (unconsented faces, other brands, off-topic), and that tagged social posts need permission before you re-post them on your page.
3. Explain the conversion effect: which placement (near reviews vs near the gallery) tends to help add-to-cart, and why real over-staged photos win.
4. Keep scope to on-page display. For sourcing UGC at scale and reusing it in ads, tell me to see the marketing notes, don't design that here.
Don't invent tool features or give legal advice; if rights are unclear, tell me to confirm with the customer.
If you can't see my page, work from the sections I pasted.
Output: placement + layout + moderation/rights checklist + conversion rationale.
Or do it in 4 steps
- Put real photos where buyers decide. A gallery of customer review photos near the main images, or a "from our customers" strip just above or below the reviews, lets a shopper see the product in real life at the moment they're weighing it. Real, slightly imperfect photos out-convert polished studio shots because they read as honest.
- Use the formats you can display cleanly. Review photos and videos (collected through your reviews app) are the easiest, you already have display rights via your review terms. A shoppable UGC widget (a scrollable wall of customer clips linked to the product) works if your platform supports it. Keep it fast; don't let a heavy gallery slow the page.
- Moderate for display, and respect rights. Screen out photos with unconsented faces, competitor branding, or off-topic content before they show. Crucially, a customer's tagged Instagram post is theirs, get explicit permission before re-posting it on your product page, even if it tagged you.
- Route sourcing and ads elsewhere. This note covers on-page display only. To build the UGC engine (asking, incentivizing, collecting at scale), see the ugc-strategy note under marketing; to turn UGC into paid ads, see ugc-reviews-content. Displaying it well and sourcing it are two different jobs.
Worked example (labeled): apparel on Shopify. The page had studio shots only and reviews with no photos.
Change: turned on photo reviews in the reviews app (rights covered by review terms), added a "styled by customers" gallery just above the reviews block, and screened out three photos showing strangers' faces.
Add-to-cart rose because shoppers could finally see fit on real bodies. The tagged IG posts they wanted to add went on hold until they DM'd each creator for permission.
Show real customer photos where the buying decision happens, moderate and clear rights for display, and send sourcing and ad-reuse to the marketing notes, on-page display is its own job.