Skip to main content

Testimonials

Display testimonials in a carousel, grid, or single layout. Tabs: Content, Layout, Style, Carousel, Animations, Advanced.

💡 Web dev tip: only mark up real reviews

Genuine testimonials can use Review or AggregateRating structured data to show star ratings in search — but only when they are real and visible on the page. Present each quote in a <blockquote> with a <cite> for the author. Inventing reviews or ratings for schema breaks Google's rules and can get a site penalised. Google: review snippet

Live demo​

▶ See the Testimonials live on the demos site — an interactive example you can click through.

Content​

Testimonials options panel — Content tab
  • Title — optional section title.
  • Testimonials — a repeatable list; each has: Quote, Image (avatar), Name, Position, Website Name, Website Link, Rating.

Layout​

Testimonials options panel — Design tab
OptionChoices
Layout TypeCarousel, Grid, Single
Grid Columns (Desktop)Column count for Grid
Gutter SizeGap between items
Text AlignLeft, Center, Right
ContainerContainer, Fluid
Items per Slide (Carousel)Slides shown at once
Screenshots — layout types

Capture each layout: testimonials-carousel, testimonials-grid, testimonials-single.

Style​

Testimonials options panel — Style tab
OptionChoices
Card StyleVisual card variants
Avatar PositionTop (above content), Left, Right, Hide Avatar
Avatar ShapeCircle, Rounded, Square
Avatar SizeSmall, Medium, Large
Show Rating StarsOn/Off

Autoplay, Autoplay Interval (ms), Pause on Hover, Show Prev/Next, Show Indicators, Indicator Style, Wrap Around (loop).

Styling​

Colors for Section Title, Quote, Author Name, Author Job, Site Link, plus Background and Margin & Padding.