Customer Reviews Widget¶

Description¶

The Customer Reviews Widget displays customer testimonials and reviews in a carousel format. Supports multiple themes with customizable slides.

Page Builder Name: Customer Reviews | PapaThemes Beautify

Version: 1.0.0

Features¶

• ✅ Customer review carousel
• ✅ Multiple theme support (Grocery, Furniture, InHealth)
• ✅ Responsive slides
• ✅ Dots navigation
• ✅ Inline content editing
• ✅ Variable width support

How to Use¶

1. Add Widget¶

1. Open Page Builder
2. Drag Customer Reviews | PapaThemes Beautify widget to the page
3. Widget displays review carousel

2. Configuration¶

Carousel Settings¶

Theme-Specific Settings¶

Configuration Details¶

Slick Carousel Config¶

{
    arrows: true,
    dots: true,
    mobileFirst: true,
    variableWidth: true,
    centerPadding: 0,
    responsive: [
        {
            breakpoint: 551,
            settings: {
                slidesToShow: 2
            }
        },
        {
            breakpoint: 801,
            settings: {
                slidesToShow: 3,
                dots: true
            }
        }
    ]
}

Responsive Breakpoints¶

Review Item Structure¶

Each review includes:

<div class="review-item">
    <div class="review-avatar">
        <img src="avatar.jpg" alt="Customer Name">
    </div>
    <div class="review-content">
        <div class="review-rating">★★★★★</div>
        <p class="review-text">Review content...</p>
        <p class="review-author">Customer name</p>
    </div>
</div>

Edit Mode¶

In Edit Mode, carousel will: - Disable accessibility features - Disable draggable - Allow click to edit content

Usage Examples¶

Homepage Testimonials¶

Theme: beautify_furniture
Slides: 3
Arrows: true
Dots: true
Autoplay: true

Product Page Reviews¶

Theme: default
Slides: 2
Arrows: true
Dots: false
Variable Width: true

Notes¶

1. Avatar images: Use square images
2. Text length: Limit review length for consistency
3. Rating: Use consistent star icons
4. Mobile: Always test on mobile
5. Edit mode: Cannot drag carousel while editing