Testimonials

Overview

Showcase real customer experiences in a customizable, responsive Testimonials section to build trust, highlight your brand’s strengths, and boost engagement.
Choose between grid or slider layouts, control the number of columns per device, and fine-tune animations and navigation for a polished, professional presentation.

⚠️ Important: Featuring authentic customer feedback builds credibility and creates powerful social proof — helping visitors connect with your brand and increasing conversions.

Key components and functionality

General introduction

The Testimonials section displays genuine customer reviews and endorsements in an engaging, responsive format. Highlighting authentic feedback fosters confidence and makes your products and brand more relatable.

Layout settings

Layout settings define how testimonials are displayed across devices.
You can switch between grid and slider layouts, adjust column counts, and set content alignment for balanced presentation.

Column count (desktop)
Set how many testimonials appear per row on large screens.
Range: 1–12; Default: 4

Column count (tablet)
Controls columns on tablets. When set to 0, the desktop count is used.
Range: 0–8; Default: 0

Column count (mobile)
Adjust how many testimonials appear per row on mobile.
Range: 1–4; Default: 2

Desktop layout
Choose display style:

• Grid

• Slideshow

Tablet layout
Choose display style:

• Grid

• Slideshow

Mobile layout
Choose display style:

• Grid

• Slideshow

Content alignment
Set vertical alignment of testimonial content:

• Top

• Middle

• Bottom

Slideshow settings

Slideshow settings control transitions, animation speed, autoplay, and navigation for testimonial sliders.

Animation style
Select slide transition type.
Options: Default / Fade Default: Default

Animation speed
Adjust transition speed.
Range: 0.1–5 s Default: 0.8 s

Autoplay delay
Set how long each slide displays before switching. Use 0 to disable autoplay.
Range: 0–10 s Default: 4 s

Autoplay slideshow
Enable automatic slide cycling.
Default: Disabled

Loop slides
Restarts the slideshow after the last slide.
Default: Disabled

Navigation position (vertical)
Choose where navigation arrows appear.
Options: Above content / Below content Default: Above content

Pagination style
Choose how slide progress is displayed:

• Dynamic

• Fraction

• Progress bar

• Scrollbar

Show navigation
Toggle visibility of previous/next arrows.
Default: Enabled

Show pagination
Add dots, bars, or numbers for slide position indication.

Supported block types

🧩 Testimonial
Add an individual customer quote, rating, or attribution.
Reorder, remove, or duplicate blocks to build a varied and authentic collection.

💡 Tip: Several concise testimonials are often more effective than one long review. Keep your section fresh and diverse.

Tips for responsive design, performance, and accessibility

• Adjust layouts and column counts for readability on all devices.

• Use smooth animations and visible navigation for a seamless experience.

• Maintain strong text and background contrast for accessibility.

• Preview on multiple screen sizes before publishing.

📝 Note: The right combination of layout, animation, and navigation transforms testimonials into compelling proof of trust — enhancing engagement and supporting a unified brand experience across every device.