Testimonial
Use Testimonial to show customer reviews, quotes, ratings, and social proof.
Content settings
| Setting | What it controls |
|---|---|
| Testimonial items | Add, remove, reorder, and edit testimonials. |
| Customer name | Name shown for the author. |
| Social handle | Optional handle or short identifier. |
| Stars | Rating from 1 to 5. |
| Testimonial text | Quote or review content. |
| Image | Avatar or customer image. |
| Customer name tag | HTML tag used for the customer name. |
| Content tag | HTML tag used for the testimonial text. |
Style settings
| Style area | What you can adjust |
|---|---|
| Layout type | Grid, list, or slide. |
| Slide speed | Timing for slide layouts. |
| Item card | Background, shadow, border, radius, padding, and spacing. |
| Avatar | Size, background, border color, and spacing. |
| Stars | Filled and empty star colors. |
| Text | Customer name, handle, and content colors and typography. |
Best practices
- Use real testimonials and accurate ratings.
- Keep testimonial text short enough for mobile.
- Test slide layouts so users have time to read each item.
Testing notes
- Preview the layout type after adding or reordering testimonial items.
- Check that avatars, names, handles, ratings, and quote text stay aligned on mobile.
- In slide mode, confirm the slide speed gives visitors enough time to read each review.
FAQ
When should I use the Testimonial element?
Use it to show customer proof with structured items for names, handles, ratings, quotes, and avatars instead of building review cards manually.
What should I configure before publishing testimonials?
Review every testimonial item, rating, image, author label, layout type, card style, star colors, text styling, and slide speed if the layout is set to slide.
How many testimonials should I add?
Add enough to support the claim without overwhelming the section. For mobile pages, shorter quotes and fewer visible cards usually perform better.
What should I check if testimonial cards look uneven?
Compare quote length, avatar sizes, card padding, grid/list/slide layout, and responsive spacing. Long quotes often need shorter copy or a wider card layout.