Designing a testimonial page that gets read

The layout question is really a question about how many testimonials you have and what job they are doing on the page. Here is how to choose, and the performance trap that most testimonial widgets walk into.

Match the layout to the job

• Single quote — one exceptional testimonial next to a call to action. The highest-converting placement, and the one most people skip.
• Grid — equal-weight social proof, three across. Best when your testimonials are similar in length.
• Masonry — the Wall of Love. Best when lengths vary a lot, because a grid forces ragged whitespace and masonry does not.
• Carousel — use only when space is genuinely constrained. Anything past the first slide is read by almost nobody.
• List — long-form testimonials and case-study excerpts, where each one deserves reading in full.

Put the strongest one above the fold, alone

A wall of thirty testimonials is scanned, not read. One testimonial placed beside the signup button, chosen because it names the objection people have at that exact moment, gets read. Use both: the single quote does the persuading, the wall does the reassuring.

The performance trap

Most testimonial widgets load a JavaScript bundle onto your page, which then fetches your testimonials over the network and paints them after your page has already rendered. That costs a script download, a round trip, and a layout shift — on the page whose entire job is conversion. If you are embedding a third-party wall, check what it actually does: open your network tab and count the requests it adds.

The alternative is a wall rendered on the server and served as finished HTML, so nothing is fetched at display time. That is how the embeds on this site work, and it is why the raw-HTML option — paste the markup straight into your page, zero third-party requests — exists alongside the script tag.

Details that carry more weight than they should

• Photos raise credibility more than any copy change. Ask for one at collection time.
• Give images explicit width and height so the page does not jump as they load.
• Full attribution — name, role, company — beats an extra sentence of praise.
• Do not centre long text. Left-aligned is faster to read and testimonials are read fast or not at all.
• Never invent star ratings to fill the layout, and never mark up ratings nobody left.

Common questions