Components
Testimonials
Customer quotes, as a grid or a carousel.
Live demo
See it in action
Layout
Responsive grid
The Classic grid is now native CSS grid — equal-height cards that reflow from three-up to one-up on mobile. No Bootstrap row/col classes.
UnysonPlus replaced three paid plugins for us. The page builder is fast and the elements are genuinely flexible.
We migrated a client site from the original Unyson in an afternoon. Everything just worked — and it is free.
The clean markup is what sold me — no wrapper bloat, real semantic HTML, and the demos prove it.
Support is responsive and the docs are thorough. We shipped a landing page the same day we installed it.
The header and footer builders alone are worth it. Everything stays consistent across the whole site.
Genuinely modern output. My clients cannot tell it is not a hand-coded theme — that is the highest praise.
Layout
Carousel
The same cards in an autoplaying Splide slider — arrows, dots and swipe, one per view.
-
UnysonPlus replaced three paid plugins for us. The page builder is fast and the elements are genuinely flexible.
-
We migrated a client site from the original Unyson in an afternoon. Everything just worked — and it is free.
-
The clean markup is what sold me — no wrapper bloat, real semantic HTML, and the demos prove it.
-
Support is responsive and the docs are thorough. We shipped a landing page the same day we installed it.
-
The header and footer builders alone are worth it. Everything stays consistent across the whole site.
-
Genuinely modern output. My clients cannot tell it is not a hand-coded theme — that is the highest praise.
Design
Masonry wall
A staggered, Pinterest-style column layout for quotes of varying length.
UnysonPlus replaced three paid plugins for us. The page builder is fast and the elements are genuinely flexible.
We migrated a client site from the original Unyson in an afternoon. Everything just worked — and it is free.
The clean markup is what sold me — no wrapper bloat, real semantic HTML, and the demos prove it.
Support is responsive and the docs are thorough. We shipped a landing page the same day we installed it.
The header and footer builders alone are worth it. Everything stays consistent across the whole site.
Genuinely modern output. My clients cannot tell it is not a hand-coded theme — that is the highest praise.
Design
Speech bubbles
Chat-style bubble cards with the avatar and author sitting beneath each quote.
UnysonPlus replaced three paid plugins for us. The page builder is fast and the elements are genuinely flexible.
We migrated a client site from the original Unyson in an afternoon. Everything just worked — and it is free.
The clean markup is what sold me — no wrapper bloat, real semantic HTML, and the demos prove it.
Support is responsive and the docs are thorough. We shipped a landing page the same day we installed it.
The header and footer builders alone are worth it. Everything stays consistent across the whole site.
Genuinely modern output. My clients cannot tell it is not a hand-coded theme — that is the highest praise.
Design
Marquee wall
Continuously scrolling rows of cards — motion pauses under prefers-reduced-motion.
UnysonPlus replaced three paid plugins for us. The page builder is fast and the elements are genuinely flexible.
We migrated a client site from the original Unyson in an afternoon. Everything just worked — and it is free.
The clean markup is what sold me — no wrapper bloat, real semantic HTML, and the demos prove it.
Support is responsive and the docs are thorough. We shipped a landing page the same day we installed it.
The header and footer builders alone are worth it. Everything stays consistent across the whole site.
Genuinely modern output. My clients cannot tell it is not a hand-coded theme — that is the highest praise.
UnysonPlus replaced three paid plugins for us. The page builder is fast and the elements are genuinely flexible.
We migrated a client site from the original Unyson in an afternoon. Everything just worked — and it is free.
The clean markup is what sold me — no wrapper bloat, real semantic HTML, and the demos prove it.
Support is responsive and the docs are thorough. We shipped a landing page the same day we installed it.
The header and footer builders alone are worth it. Everything stays consistent across the whole site.
Genuinely modern output. My clients cannot tell it is not a hand-coded theme — that is the highest praise.
Design
Stacked list
A simple, full-width vertical list — one testimonial after another.
UnysonPlus replaced three paid plugins for us. The page builder is fast and the elements are genuinely flexible.
We migrated a client site from the original Unyson in an afternoon. Everything just worked — and it is free.
The clean markup is what sold me — no wrapper bloat, real semantic HTML, and the demos prove it.
Support is responsive and the docs are thorough. We shipped a landing page the same day we installed it.
Design
Image split slider
One large, featured photo beside a slider of the quotes.
-
UnysonPlus replaced three paid plugins for us. The page builder is fast and the elements are genuinely flexible.
We migrated a client site from the original Unyson in an afternoon. Everything just worked — and it is free.
The clean markup is what sold me — no wrapper bloat, real semantic HTML, and the demos prove it.
Support is responsive and the docs are thorough. We shipped a landing page the same day we installed it.
The header and footer builders alone are worth it. Everything stays consistent across the whole site.
Design
Thumbnail nav
A main slider synced to a row of avatar thumbnails you can click.
Design
Spotlight coverflow
A 3D coverflow — the centered quote is in focus, its neighbours recede.
-
UnysonPlus replaced three paid plugins for us. The page builder is fast and the elements are genuinely flexible.
-
We migrated a client site from the original Unyson in an afternoon. Everything just worked — and it is free.
-
The clean markup is what sold me — no wrapper bloat, real semantic HTML, and the demos prove it.
-
Support is responsive and the docs are thorough. We shipped a landing page the same day we installed it.
-
The header and footer builders alone are worth it. Everything stays consistent across the whole site.
Design
Bento featured grid
A featured tile beside a grid of the rest — an editorial bento layout.
UnysonPlus replaced three paid plugins for us. The page builder is fast and the elements are genuinely flexible.
We migrated a client site from the original Unyson in an afternoon. Everything just worked — and it is free.
The clean markup is what sold me — no wrapper bloat, real semantic HTML, and the demos prove it.
Support is responsive and the docs are thorough. We shipped a landing page the same day we installed it.
The header and footer builders alone are worth it. Everything stays consistent across the whole site.
Design
Zigzag alternating
Alternating rows — the photo swaps sides as you move down the page.
UnysonPlus replaced three paid plugins for us. The page builder is fast and the elements are genuinely flexible.
We migrated a client site from the original Unyson in an afternoon. Everything just worked — and it is free.
The clean markup is what sold me — no wrapper bloat, real semantic HTML, and the demos prove it.
Support is responsive and the docs are thorough. We shipped a landing page the same day we installed it.
Design
Pull-quote editorial
An oversized, crossfading single quote — editorial pull-quote style.
-
UnysonPlus replaced three paid plugins for us. The page builder is fast and the elements are genuinely flexible.
-
We migrated a client site from the original Unyson in an afternoon. Everything just worked — and it is free.
-
The clean markup is what sold me — no wrapper bloat, real semantic HTML, and the demos prove it.
-
Support is responsive and the docs are thorough. We shipped a landing page the same day we installed it.
The markup
Clean, lean code
This is the exact HTML the element outputs, straight from the page builder. No wrapper soup, no inline-style bloat.
<section class="fw-flexbox fw-flex fw-contained fw-collapse"> <div class="testimonials ts-6e4f7096 testimonials-grid" data-cols="3" style="--tg-gap:1.5rem;"> <div class="testimonials-grid__cell"> <div class="testimonial-item testimonial-item--slotted"> <div class="ts-card__row ts-card-row--inline ts-card-j-center ts-card-a-center"> <div class="ts-card__rating"> <style>.sc-rating{position:relative;display:inline-flex;line-height:0;vertical-align:middle}.sc-rating__base,.sc-rating__fill{display:inline-flex}.sc-rating__base{color:#DADEF3}.sc-rating__fill{position:absolute;top:0;left:0;overflow:hidden;color:#FFB629}.sc-rating svg{width:var(--sc-star-size,1.15em);height:var(--sc-star-size,1.15em);display:block;flex:0 0 auto}</style><svg width="0" height="0" aria-hidden="true" focusable="false" style="position:absolute;width:0;height:0;overflow:hidden"><defs><symbol id="sc-rating-star" viewBox="0 0 24 25"><path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M12.864 3.37a.952.952 0 0 0-1.728 0L8.675 8.676l-5.836.688a.95.95 0 0 0-.792.646.94.94 0 0 0 .258.987l4.315 3.966-1.145 5.729a.94.94 0 0 0 .373.95c.3.216.7.24 1.024.06L12 18.847l5.128 2.854a.96.96 0 0 0 1.023-.06.94.94 0 0 0 .375-.95l-1.146-5.73 4.315-3.965a.94.94 0 0 0 .258-.987.95.95 0 0 0-.792-.646l-5.836-.688z"/></symbol></defs></svg> <span class="sc-rating" style="--sc-star-size:1.15em" role="img" aria-label="Rated 5.0 out of 5"><span class="sc-rating__base"><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg></span><span class="sc-rating__fill" style="width:100%"><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg></span></span> </div> </div> <div class="ts-card__row ts-card-row--stack ts-card-j-start ts-card-a-center"> <blockquote class="testimonial-quote"><p>UnysonPlus replaced three paid plugins for us — the page builder is fast and the elements are genuinely flexible.</p></blockquote> </div> <div class="ts-card__row ts-card-row--inline ts-card-j-center ts-card-a-center"> <div class="testimonial-avatar"> <img src="https://demos.unysonplus.com/wp-content/uploads/2026/06/demo-100163e815fa.jpg" alt="Sarah Lin" loading="lazy" decoding="async" class="rounded-circle avatar-md" style="width:96px;height:96px;object-fit:cover;" /> </div> <div class="ts-card__author"> <div class="testimonial-author"> Sarah Lin </div> <div class="testimonial-meta small text-muted"> <span class="testimonial-job">Freelance Designer</span> </div> </div> </div> </div> </div> <div class="testimonials-grid__cell"> <div class="testimonial-item testimonial-item--slotted"> <div class="ts-card__row ts-card-row--inline ts-card-j-center ts-card-a-center"> <div class="ts-card__rating"> <span class="sc-rating" style="--sc-star-size:1.15em" role="img" aria-label="Rated 5.0 out of 5"><span class="sc-rating__base"><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg></span><span class="sc-rating__fill" style="width:100%"><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg></span></span> </div> </div> <div class="ts-card__row ts-card-row--stack ts-card-j-start ts-card-a-center"> <blockquote class="testimonial-quote"><p>We migrated a client site from the original Unyson in an afternoon. Everything just worked — and it is free.</p></blockquote> </div> <div class="ts-card__row ts-card-row--inline ts-card-j-center ts-card-a-center"> <div class="testimonial-avatar"> <img src="https://demos.unysonplus.com/wp-content/uploads/2026/06/demo-77c5d5fd2ee0.jpg" alt="David Okafor" loading="lazy" decoding="async" class="rounded-circle avatar-md" style="width:96px;height:96px;object-fit:cover;" /> </div> <div class="ts-card__author"> <div class="testimonial-author"> David Okafor </div> <div class="testimonial-meta small text-muted"> <span class="testimonial-job">Agency Owner</span> </div> </div> </div> </div> </div> <div class="testimonials-grid__cell"> <div class="testimonial-item testimonial-item--slotted"> <div class="ts-card__row ts-card-row--inline ts-card-j-center ts-card-a-center"> <div class="ts-card__rating"> <span class="sc-rating" style="--sc-star-size:1.15em" role="img" aria-label="Rated 4.5 out of 5"><span class="sc-rating__base"><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg></span><span class="sc-rating__fill" style="width:90%"><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg><svg viewBox="0 0 24 25" aria-hidden="true" focusable="false"><use href="#sc-rating-star"></use></svg></span></span> </div> </div> <div class="ts-card__row ts-card-row--stack ts-card-j-start ts-card-a-center"> <blockquote class="testimonial-quote"><p>The clean markup is what sold me — no wrapper bloat, real semantic HTML, and the demos prove it.</p></blockquote> </div> <div class="ts-card__row ts-card-row--inline ts-card-j-center ts-card-a-center"> <div class="testimonial-avatar"> <img src="https://demos.unysonplus.com/wp-content/uploads/2026/06/demo-91e20819a7da.jpg" alt="Emma Brandt" loading="lazy" decoding="async" class="rounded-circle avatar-md" style="width:96px;height:96px;object-fit:cover;" /> </div> <div class="ts-card__author"> <div class="testimonial-author"> Emma Brandt </div> <div class="testimonial-meta small text-muted"> <span class="testimonial-job">Developer</span> </div> </div> </div> </div> </div> </div> </section>To learn more about the Testimonials shortcode, please check out the online manual here.