CRO Manifesto
guideline #
76

Add a UGC Carousel to Showcase Real Customer Experiences

context

Static testimonials alone don't always create a strong emotional connection. Without seeing real people using your products, potential buyers may struggle to visualize themselves doing the same.

Why?

A UGC carousel featuring customer images or videos brings your brand to life, making it feel more relatable and authentic. Real experiences help tell your product's story, reinforce key benefits, and encourage more shoppers to convert.

Content
  • Your homepage bounce rate is above 60% and average session duration is under 2 minutes
  • You have at least 20-30 high-quality customer photos or videos available from social media or reviews
  • Your current static testimonials have low engagement (clicks under 2% if trackable)
  • You're on Shopify Plus, standard Shopify, or have custom development resources for other platforms
  • Your store gets 1,000+ monthly visitors to justify the implementation effort

Position your UGC carousel prominently on your homepage, ideally above the fold or in the second viewport section.

  1. Shopify Implementation: Install apps like Stamped, Okendo, or Loox that include UGC carousel features. Alternatively, use custom code with a JavaScript carousel library like Swiper.js
  2. Content Collection: Gather 8-12 high-resolution customer images (minimum 800x800px) from Instagram hashtags, review photos, or email campaigns
  3. Design Specifications: Set carousel height to 400-500px on desktop, 300px on mobile. Use 3-4 images visible on desktop, 1-2 on mobile with smooth horizontal scrolling
  4. Custom Code Option: Add this structure to your homepage template:

<div class="ugc-carousel">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="customer-photo.jpg" alt="Customer using product">
<p class="customer-quote">"Brief testimonial quote"</p>
</div>
</div>
</div>

Timeline: 2-3 days with apps, 5-7 days for custom development. Include customer names and brief quotes when possible to enhance authenticity.

  • Homepage engagement: Track 15-25% increase in scroll depth and 20-30% longer average session duration
  • Conversion rate: Monitor for 8-15% improvement in homepage-to-purchase conversion within 3-4 weeks
  • Click-through rate: Measure carousel interaction rates, targeting 5-8% of homepage visitors
  • Tools: Use Google Analytics Enhanced Ecommerce, Hotjar heatmaps, or Shopify Analytics to track these metrics
  • AVOID: Using low-resolution or heavily filtered images that look inauthentic or unprofessional
  • BEST PRACTICE: Choose diverse, natural-looking customer photos that showcase your product in real-life settings
  • AVOID: Making the carousel auto-advance too quickly (under 4 seconds) or without pause controls
  • BEST PRACTICE: Set 6-8 second intervals with hover-to-pause functionality for better user control
  • AVOID: Forgetting to optimize for mobile - cramming too many images or making touch navigation difficult
  • BEST PRACTICE: Test swipe gestures and ensure smooth performance on mobile devices
5.0 RATING • 350+ CLIENTS

Get A Free Website Audit.

We’ll identify what’s leaking revenue on your site and show you how to fix it. The free audit includes:

Live Website Walkthrough
Technical Analysis
Conversion Checklist
Key Section Redesigns
Industry & ICP Research
Implementation Plan
try us free
No items found.
5.0 RATING • 350+ CLIENTS

Work with the #1 Team That gets you predictable results.

Strategy
DESIGN
COPYWRITING
DEVELOPMENT
Free Audit & Redesign

Get a Free Audit

See the difference for yourself. We’ll identify what’s leaking revenue on your site and show you how to fix it.
Free Forever
130+ Optimizations
Section Redesigns
Get My Free Audit
CRO Strategy Call

Talk to Glued

This isn’t a sales call. It’s a hands-on teardown session where we walk through exactly what’s holding your site back and what fixing it would mean for your revenue.
No Sales Pitch
ROI Projections
Free CRO Strategy
Book a Call