Customer Reviews Slider
Actual screenshot with sample data
An elegant, responsive carousel for displaying customer testimonials with integrated product information, star ratings, and verified buyer verification.
Overview
The Customer Reviews Slider widget provides a sophisticated way to showcase customer feedback in an engaging carousel format. Each review card combines customer testimonials with product details, creating a compelling social proof element that builds trust and drives conversions.
Key Features
Advanced Carousel System
- Responsive sliding navigation: Smooth horizontal scrolling with navigation controls
- Adaptive card display: Shows 1-2 cards based on screen size
- Auto-scroll functionality: Optional automatic rotation of reviews
- Dot indicator navigation: Visual progress indicators
Review Elements
- 1-5 Star Rating System: Visual star ratings for quick sentiment assessment
- Verified Buyer Badges: Trust indicators for authentic reviews
- Customer Names: Personalized testimonials with reviewer identification
- Detailed Descriptions: Comprehensive review text with typography controls
Product Integration
- Product Images: High-quality product visuals
- Product Names: Clear product identification
- Product Links: Direct navigation to product pages
- Customizable Colors: Product name color customization
Responsive Design
- Desktop Carousel: Horizontal sliding layout with navigation
- Mobile Stack: Vertical card stack for mobile devices
- Adaptive Typography: Separate desktop/mobile font settings
- Touch-Friendly: Mobile-optimized interactions
Configuration Options
General Settings
| Setting | Type | Default | Description |
|---|---|---|---|
| Headline Text | Text | "Test Headline text" | Main section heading |
| Headline Visibility | Visibility | Show | Toggle headline display |
| Auto Scroll | Boolean | True | Enable automatic carousel rotation |
Review Cards Content
Review Details
| Setting | Description | Options |
|---|---|---|
| Reviewer Name | Customer name display | Text input |
| Customer Status | Verified buyer text | "Verified Buyer" or custom |
| Customer Rating | Star rating | 1-5 stars |
| Review Description | Testimonial text | Multi-line text input |
Product Details
| Setting | Description | Options |
|---|---|---|
| Product Image | Product visual | Image upload |
| Product Name | Product identification | Text input |
| Product Link | Navigation destination | URL input |
| Product Name Color | Text color customization | Color picker |
Typography Settings
Headline Typography
- Desktop/Mobile Colors: Separate color controls
- Font Weight: 100-900 range (in 100 increments)
- Font Size: Custom pixel sizes for each breakpoint
Name Typography
- Reviewer name styling: Bold emphasis on mobile
- Color customization: Brand-consistent colors
- Size controls: Optimized readability
Content Typography
- Review text styling: Balanced readability
- Weight and size: Hierarchical text treatment
- Mobile optimization: Adjusted sizes for small screens
Layout & Spacing
Margin Settings
- Desktop Margins: Separate top, right, bottom, left controls
- Mobile Margins: Optimized spacing for mobile devices
- Box Model: Comprehensive spacing control