Shoppable UGC
What This Section Does
Displays user-generated content (videos and photos from customers or creators) in an interactive gallery where visitors can click to see product details and purchase directly. This combines social proof with seamless shopping to build trust and increase conversions.
Perfect for: Fashion brands with customer photos, beauty brands with tutorial videos, lifestyle products with authentic customer content, or any business wanting to showcase real customers using their products.
How to Add It
Step 1: Add the Section
- In your Shopify admin, go to Online Store → Themes
- Click Customize next to your live theme
- Click Add section in the main content area
- Choose Shoppable UGC from the list
Step 2: Add Your UGC Content
- Click Add UGC item to create your first piece of content
- Upload a video (hosted or from YouTube/Vimeo) or use the cover image
- Select the product customers can shop from this content
- Repeat for each piece of UGC you want to showcase
Key Settings to Configure
Content Display
Display Mode: Choose between slider or marquee presentation
- Slider: Traditional carousel with navigation controls - better for fewer, high-quality pieces
- Marquee: Continuous scrolling effect - great for lots of content and modern aesthetic
Product Integration
Show Product Details: Controls whether product info appears on each UGC item
- When to use: Always enable unless you're using this purely for brand awareness
- Pro tip: Include product images and prices to make shopping as easy as possible
Video Settings
Play Video Inline: Videos play directly in the gallery vs opening in a popup
- Best practice: Enable for short, engaging videos that showcase products in action
- Consider: Disable if videos are long or need sound to be effective
Pro Tips for Success
Best Practices
- Use authentic, high-quality content from real customers rather than staged photos
- Mix video and photo content for variety and engagement
- Choose UGC that clearly shows your products in use or being worn
- Keep product names short and clear for mobile viewing
- Test both slider and marquee modes to see what works for your audience
Common Mistakes
- Don't use low-resolution or blurry customer content - quality matters for conversions
- Avoid overcrowding with too many UGC items - curate your best content
- Don't forget to link each piece to the correct product variant
- Avoid using UGC without proper permissions from customers