Skip to main content

Testimonial Sections

Wave includes 6 testimonial section variants for displaying customer reviews, stories, and social proof.

Testimonial List Scroll​

A testimonial section with a sticky left sidebar (image and content) and a scrollable list of testimonials on the right. On mobile, testimonials display as a carousel.

section-testimonial.webp

Features:

  • Sticky sidebar with image on the left (8 columns)
  • Scrollable testimonial items on the right (4 columns)
  • Carousel mode on mobile
  • Customer quote, name, and star rating

Product Reviews​

A three-column layout combining testimonial quotes, a featured image with button overlay, and a related product section.

section-testimonial-2.webp

Features:

  • 3-column split layout (quotes, image, product)
  • Featured image with CTA overlay
  • Product card integration
  • Ideal for pairing reviews with products

Testimonial Masonry​

A masonry or grid layout displaying multiple testimonial cards across configurable columns.

section-testimonial-3.webp

Features:

  • Masonry/grid card layout
  • Configurable column count
  • Responsive breakpoints
  • Multiple testimonial cards visible at once

Testimonial with Product​

A sticky layout with a carousel of testimonials on the left and a sticky grid with product content on the right.

section-testimonial-4.webp

Features:

  • Carousel on the left (hidden on desktop, visible on mobile)
  • Sticky product grid on the right
  • Two grouped content areas
  • Responsive positioning

Testimonial with Marquee​

A split layout featuring a marquee-bordered sidebar on the left and a carousel of testimonials with a product card below on the right.

section-testimonial-5.webp

Features:

  • Marquee border-framed left sidebar
  • Testimonial carousel on the right
  • Product card below testimonials
  • Decorative marquee animation

Before After with Testimonial​

A combined before/after comparison with customer testimonial. Visitors can drag a slider to see the transformation alongside the customer's review.

section-before-after-testimonial.webp

Features:

  • Before/after image slider
  • Customer testimonial alongside the comparison
  • Star rating
  • Product link
Choosing the right testimonial section
  • Scrollable reviews: Testimonial list scroll for a sticky sidebar with scrolling quotes.
  • Reviews + products: Product reviews or Testimonial with product to pair reviews with product cards.
  • Multiple reviews: Testimonial masonry for displaying many reviews in a grid.
  • Visual flair: Testimonial with marquee for decorative animated borders.
  • Product results: Before After with Testimonial for visual proof of product effectiveness.