How to Display Testimonials on Your Website (5 Layouts That Convert)
You have collected testimonials. Now where do you put them, and in what format? The layout you choose affects how many visitors actually read the testimonials and whether they move closer to signing up.
This guide covers the five most effective testimonial display layouts for SaaS landing pages, when to use each one, and the placement mistakes that kill conversion.
1. The Masonry Grid (Wall of Love)
A multi-column grid of testimonial cards, typically 2-4 columns on desktop and stacking to a single column on mobile. Cards have different heights based on content length, creating a Pinterest-style masonry effect.
Best for:
- Dedicated testimonials sections with 8+ testimonials
- Landing pages where volume of social proof matters
- Products with diverse use cases (each card shows a different angle)
When to avoid:
- You have fewer than 6 testimonials — the grid looks empty
- Above the fold — grids push your CTA down
- Mobile-first audiences — long grids require a lot of scrolling
Want to build one? Full wall of love setup guide here.
2. The Carousel (Slider)
Shows one testimonial at a time with navigation arrows or auto-rotation. Takes up minimal vertical space while still displaying multiple testimonials.
Best for:
- Above-the-fold placement next to your hero headline
- Pricing pages where vertical space is limited
- Sites with 3-8 testimonials — enough to rotate, not so many that nobody clicks through
When to avoid:
- Auto-rotation that is too fast — visitors cannot read a testimonial in 3 seconds. Set 8-10 second intervals minimum, or disable auto-rotation entirely
- Mobile without swipe support — arrow buttons are too small on phone screens
3. The Marquee (Scrolling Ticker)
A continuously scrolling horizontal strip of short testimonials, typically one- liners or star ratings. Think of the logos bar that SaaS sites use to show “trusted by” — but with customer quotes instead of logos.
Best for:
- Short, punchy testimonials (one sentence max)
- High-volume social proof — 10+ one-liners scrolling past creates momentum
- Between sections as a visual break that still sells
When to avoid:
- Long testimonials — scrolling text that takes 20 seconds to read is frustrating
- Accessibility concerns — always include a pause button or pause-on-hover
- As your only testimonial display — marquees are supplemental, not primary
Marquees work best when paired with a grid or featured testimonial elsewhere on the page. Use the marquee for volume and the grid for depth.
4. The Single Featured Testimonial
One large testimonial card, often with a photo, name, role, and a longer quote. Takes up a full section width and commands attention.
Best for:
- Your absolute best testimonial — the one with specific numbers, a compelling before/after, or a recognizable name
- Homepage hero sections
- Signup and checkout pages where you want one strong signal, not a wall of text
When to avoid:
- The testimonial is generic (“Great product!”) — a weak featured testimonial is worse than no testimonial
- You need variety to address different objections — one quote can only counter one concern
5. The Sidebar / Inline Quote
A small testimonial card embedded within your content — in a blog post, next to a feature description, or beside a form. Not a standalone section but a contextual nudge.
Best for:
- Blog posts that mention your product (contextual social proof while reading)
- Feature pages — place a relevant testimonial next to each feature
- Long-form sales pages where you need proof at multiple scroll depths
When to avoid:
- If it interrupts reading flow — the testimonial should feel like supporting evidence, not an ad
- On mobile where sidebar layout collapses to full-width (it becomes a separate block, not a sidebar)
Where to Place Testimonials on Your Page
Layout choice matters, but placement matters more. Here is a priority ranking based on where testimonials have the most impact on conversion:
| Placement | Best Layout | Why It Works |
|---|---|---|
| Below the hero headline | Carousel or Featured | First thing visitors see after your pitch — social proof at peak attention |
| Between features and pricing | Masonry Grid | Bridges the gap between “what it does” and “what it costs” |
| On the pricing page | Carousel or Featured | Reduces price objection at the moment of decision |
| Next to signup form | Single Featured | One strong quote reduces form abandonment |
| Between page sections | Marquee | Visual break that builds trust passively as visitors scroll |
| Beside feature descriptions | Sidebar / Inline | Contextual proof that validates each specific claim |
For a deeper look at all seven types of social proof and where each fits, see Landing Page Social Proof: 7 Types That Actually Convert.
Responsive Design Considerations
Over 60% of SaaS landing page traffic comes from mobile. Your testimonial display needs to work on both screen sizes.
Grid → Single Column
A 3-column masonry grid on desktop should collapse to a single column on mobile. Show the first 3-4 testimonials and hide the rest behind a “Show more” button to prevent infinite scrolling.
Carousel → Swipeable
Replace arrow buttons with swipe gestures on touch devices. Add dot indicators so visitors know how many testimonials exist. Disable auto-rotation on mobile — it fights with scroll behavior.
Marquee → Optional Pause
Scrolling marquees can be disorienting on small screens. Slow the scroll speed on mobile (50% of desktop speed) and always include pause-on-touch.
Font Size and Padding
Testimonial text should be at least 16px on mobile — smaller text forces visitors to zoom and they will just skip it instead. Add more padding between cards on mobile so they do not blur together.
Common Display Mistakes
- Hiding testimonials on a separate /testimonials page. Nobody navigates to a dedicated testimonials page. Put your best social proof on the pages where buying decisions happen: homepage, pricing, signup.
- Using stock photos for avatars. Visitors can tell. A testimonial with no photo is more credible than one with a stock headshot. Use real photos, or just initials/name with role.
- Too many testimonials above the fold. Social proof should support your value proposition, not replace it. One carousel or featured quote above the fold is enough. Save the grid for below.
- No attribution. A testimonial without a name and role feels fabricated. Always include at minimum: first name, last initial, and role or company. Star ratings add a quick visual trust signal.
- Mismatched design. If your testimonial widget looks like it was bolted on from a different site, it undermines trust instead of building it. The display should match your site's typography, colors, and spacing.
Set Up Any of These Layouts in 2 Minutes
EmbedProof ships all five layouts out of the box: grid, carousel, marquee, list, and featured. You choose the layout in your dashboard, paste one <script> tag on your site, and the widget auto-matches your theme.
Works on any website — WordPress, Webflow, Next.js, Framer, Squarespace, or plain HTML. The widget is responsive by default, handling the grid-to-column collapse and carousel-to-swipe transitions automatically.
Need help collecting the testimonials first? Start with our collection guide, then come back here to choose your display layout.