Social Proof
Social proof templates help build trust and credibility by showcasing customer testimonials, ratings, and reviews. These components are designed to increase conversion by highlighting positive user experiences.
All Social Proof templates support:
- Customizable star ratings — including partial fill (e.g., 4.9 stars)
- Responsive design — adapts to different screen sizes
- Full styling control — colors, fonts, spacing
Carousels
Reviews Carousel
A horizontal carousel displaying customer reviews with star ratings, testimonial text, and author names. Perfect for showcasing positive feedback and building trust.
Features:
- 5-star rating display
- Review text with automatic wrapping
- Author name attribution
- External pagination dots
- Autoplay with 3-second default interval
- Centered slides with peek effect
Use for:
- Testimonial sections on paywalls
- Customer feedback highlights
- Trust-building before purchase decisions
Key properties:
- Slides Per View — number of visible slides (default: 1)
- Space Between — gap between slides in pixels
- Autoplay Delay — seconds between slide transitions
- Loop — enable infinite looping
- Pagination — show/hide navigation dots
Reviews Carousel 2
An alternative carousel layout with a different visual style. Features the same functionality as Reviews Carousel with varied design treatment.
Features:
- Star rating with review count
- Full-width review cards
- Author attribution with avatar support
- Smooth slide transitions
Review Blocks
Compact rating displays perfect for headers, hero sections, or anywhere you need a quick trust indicator.
Review Block 1
Minimal rating display with stars and review count.
Features:
- 5-star rating display
- Review count text (e.g., "12,456 reviews")
- Compact horizontal layout
Use for:
- Header trust badges
- Above-the-fold social proof
- Compact rating indicators
Review Block 2
Rating display with App Store badge styling.
Features:
- Star rating with score display
- App Store-style presentation
- Source attribution text
Use for:
- App Store rating highlights
- Platform-specific social proof
- Trust indicators near CTAs
Review Block 3
Extended block with title, rating, and detailed review count.
Features:
- Section title ("What users say")
- Large star rating display
- Review count with source
- Expandable layout
Use for:
- Dedicated review sections
- Featured testimonial headers
- Detailed rating displays
Review Columns
Vertical lists of customer reviews, ideal for dedicated testimonial sections.
Review Column 1
Stacked reviews with star ratings in a vertical layout.
Features:
- Multiple review cards stacked vertically
- Individual star ratings per review
- Review text with author name
- Clean card-based design
Use for:
- Testimonial sections
- Review showcases
- Extended social proof areas
Review Column 2
Reviews with avatars, dates, and enhanced visual treatment.
Features:
- User avatar images
- Review date display
- Star rating per review
- Author name and review text
- Professional card styling
Use for:
- Detailed testimonial sections
- User story showcases
- Premium review displays
Review Lines
Inline rating displays for compact spaces and headers.
Review Line 1
Horizontal compact rating in a single line.
Features:
- Inline star display
- Rating score (e.g., "4.9")
- Review count
- Minimal footprint
Use for:
- Header ratings
- Inline trust indicators
- Space-constrained areas
Review Line 2
Inline rating with source text attribution.
Features:
- Star rating display
- Rating score
- Source text (e.g., "on App Store")
- Compact single-line layout
Use for:
- Platform-attributed ratings
- Source-specific social proof
- Compact header badges
Star Rating Component
All review templates use the Star Rating custom component, which supports:
| Property | Description |
|---|---|
| Rating | Value from 0-5, supports decimals (e.g., 4.9) |
| Max Stars | Maximum number of stars to display |
| Size | Star size in pixels |
| Fill Color | Color for filled stars |
| Empty Color | Color for unfilled stars |
| Gap | Spacing between stars in pixels |
Partial fill support: A rating of 4.9 displays 4 fully filled stars and 1 star filled to 90%.
Best Practices
- Keep reviews authentic — use real customer quotes when possible
- Highlight key benefits — select reviews that mention specific value propositions
- Limit text length — shorter reviews are more scannable on mobile
- Use diverse testimonials — showcase different use cases and user types
- Position strategically — place social proof near purchase decisions
- Match your app's rating — use accurate star ratings that reflect your actual store rating
- Combine formats — use a Review Line in the header and Review Column below for maximum impact
Updated 14 days ago