Reviews
Customer testimonials with star ratings, photos, and rotating layouts.
Quick Setup
- Add section ā Reviews
- Choose a layout (slider, grid, or single card)
- Add Review blocks with testimonial content
Section Settings
Content
| Setting | Type | Default | Description |
|---|---|---|---|
| Heading | text | - | Optional section heading (e.g., 'What our customers say'). |
| Layout | select | Base | Visual layout style for the reviews. |
Layout Options
Layout Styles
Base
Text-focused layout, no product images
Small product
Compact product image alongside testimonial
Big productRecommended
Larger product image (40% width on desktop)
Big image
Full-width image stacked above testimonial text
Autoplay
| Setting | Type | Default | Description |
|---|---|---|---|
| Enable | checkbox | false | Automatically rotate through reviews. |
| Speed | range | 5000ms | Time between transitions. Range: 1000ā9000ms. |
Colors
| Setting | Type | Default | Description |
|---|---|---|---|
| Color scheme | color_scheme | Background 1 | Apply a predefined color scheme. |
Layout
| Setting | Type | Default | Description |
|---|---|---|---|
| Width | select | Inherit | Container width: Inherit, Narrow, or Wide. |
Spacing
| Setting | Type | Default | Description |
|---|---|---|---|
| Desktop/Mobile top/bottom | range | 0px | Margin spacing for the section. |
| Include top padding | checkbox | false | Add internal padding at the top of the section. |
Block Types
Review Block
Each review block represents one customer testimonial.
| Setting | Type | Default | Description |
|---|---|---|---|
| Author Image | image | - | Customer photo (displays as a circle). Recommended: Square image, 96Ć96px or larger. |
| Author Name | text | - | Customer's name (e.g., 'Alex C.'). |
| Author Role | text | - | Optional title or label (e.g., 'Verified Buyer', 'Designer'). |
| Text | richtext | - | The testimonial content. Keep it concise and impactful. |
| Product | product | - | Link a product for product-focused layouts. Shows product image and title. |
| Additional image | image | - | Custom image instead of product featured image. Useful for lifestyle shots. |
Layout Comparison
Base Layout
- Best for: General testimonials, service businesses
- Features: Author photo, name, role, quote text
- Image behavior: No product/additional images shown
Small Product Layout
- Best for: Quick product endorsements
- Features: Compact 160px product thumbnail
- Image behavior: Shows product or additional image
Big Product Layout
- Best for: Detailed product reviews
- Features: Larger product image (40% of container)
- Image behavior: Prominent product showcase
Big Image Layout
- Best for: Visual impact, lifestyle brands
- Features: Full-width image above content
- Image behavior: Image stacks above text, creates visual break
Best Practices
Content Quality
- Use real testimonials ā Authentic reviews build trust
- Keep quotes concise ā 2-3 sentences is ideal
- Include specific details ā "Fast shipping" is better than "Great service"
- Add customer photos ā Increases credibility significantly
- Tag verified buyers ā Adds authenticity
Layout Selection
Build general trust
Base layout
Showcase products
Big Product layout
Visual storytelling
Big Image layout
Quick social proof
Small Product layout
Autoplay Considerations
- Consider disabling ā Some users prefer to read at their own pace
- Set longer intervals ā 5-6 seconds minimum for reading
- Provide navigation ā Dots allow manual control
Quantity
- Minimum: 3 reviews for variety
- Recommended: 5-7 reviews
- Maximum: 10 reviews (beyond this, consider pagination)
Testimonial Writing Tips
Good Testimonial Examples
ā "The quality exceeded my expectations. I've ordered three times now and shipping is always incredibly fast." ā Alex C., Verified Buyer
ā "Finally found a brand that gets luxury basics right. The attention to detail is unmatched." ā Priya N., Designer
What to Avoid
ā Generic praise without specifics ā Overly long testimonials ā Missing customer attribution ā Placeholder or fake reviews
Troubleshooting
Reviews not rotating
- Verify Enable autoplay is checked
- Check that multiple Review blocks are added
- Ensure JavaScript is enabled in the browser
Product image not showing
- Select a layout that supports images (not Base)
- Verify the Product field has a product selected
- Check that the product has a featured image
Author image appears stretched
- Use square images (1:1 aspect ratio)
- Minimum recommended: 96Ć96px
- Images are displayed as circles
Dots not appearing
- Ensure more than one Review block is added
- Check that the section CSS is loading properly