← Back to Blog

How to Display Testimonials on Your Website (With Examples)

Jan 29, 20268 min read

You've collected amazing testimonials. Now comes the critical part: displaying them in a way that actually converts visitors into customers.

A testimonial buried at the bottom of your page might as well not exist. But placed strategically? It can increase conversions by 34% (according to Wyzowl's 2025 Video Marketing Report).

Where to Place Testimonials (Strategic Positioning)

1. Homepage Hero Section

Your homepage gets 40-60% of your total traffic. Put your strongest testimonial front and center.

  • What works: A short, punchy quote with the person's name, photo, and company
  • Bonus: Add a metric if possible ("Increased leads by 127%")
  • Format: Single quote with high-contrast design

2. Above the Pricing Section

This is where doubt kicks in. Combat it with social proof that addresses common objections.

  • "Worth every penny" → addresses price concerns
  • "Setup took 5 minutes" → addresses complexity fears
  • "Support team responds in 2 hours" → addresses service worries

3. Product/Service Description Pages

For each feature you describe, include a testimonial that validates that specific feature.

Example:


Feature: "AI-powered question generation"
Testimonial: "The AI questions saved me hours of writer's block. My clients loved how specific they were." — Sarah J., Freelance Designer

4. Landing Pages (Every Single One)

If someone landed on a specific page via an ad or search, they're evaluating whether to trust you. Show testimonials relevant to that page's focus.

5. Checkout/Signup Flow

Cart abandonment is real. A quick testimonial near the "Complete Purchase" button reduces last-minute doubts.

💡 Pro tip

Use TestiGather's widget to automatically rotate testimonials based on the page a visitor is viewing. Set it once, forget it.

Display Formats That Convert

Format #1: The Wall of Love

Popularized by companies like Linear and Senja. Shows dozens of short testimonials in a grid or masonry layout.

Best for: Building massive social proof (quantity signals popularity)

When to use: When you have 20+ testimonials and want to show momentum

Format #2: The Carousel/Slider

One testimonial at a time, with arrows or dots to cycle through.

Best for: Long-form testimonials with detailed stories

Warning: Auto-rotating carousels annoy users. Let them control it.

Format #3: Video Grid

Video testimonials displayed as thumbnails with play buttons.

Best for: High-trust industries (coaching, consulting, agencies)

Conversion impact: Video testimonials convert 80% better than text (per Testimonial.to data)

Format #4: Featured Testimonial Block

One standout testimonial with a large quote, photo, company logo, and background color.

Best for: Homepage hero sections

Tip: Use this for your best "before/after" story with specific metrics

Format #5: Side-by-Side Comparison

Show the customer's problem (before) next to their result (after).

Design Best Practices

1. Always Include These Elements

  • Photo: Real faces build trust 10x more than initials
  • Full name: "Sarah" feels fake. "Sarah Johnson" feels real.
  • Title + Company: "Founder, Acme Inc" adds credibility
  • Date (optional): Recent testimonials feel more relevant

2. Make It Scannable

Most visitors skim. Help them:

  • Highlight key phrases in bold
  • Pull out metrics into larger text ("3X revenue")
  • Use star ratings for quick visual cues
  • Keep quotes under 3 sentences (or use "Read more" expanders)

3. Mobile-First Design

60%+ of traffic is mobile. Your testimonial section must:

  • Stack vertically on small screens
  • Use large, tappable areas for navigation
  • Keep video players responsive
  • Avoid tiny text (minimum 16px)

4. Color Psychology

  • Light background: Feels clean, professional (B2B, SaaS)
  • Dark background: Feels premium, modern (design, agencies)
  • Colored background: Draws attention (use sparingly)

Real Examples That Work

Example 1: Stripe (Minimalist Grid)

Stripe shows short quotes from recognizable brands (Lyft, Amazon, Salesforce) in a clean grid. The focus is on who uses them, not what they say.

Lesson: If you have big-name clients, let logos do the talking.

Example 2: Notion (Story-Based)

Notion's testimonial page features full case studies with photos, quotes, and workflow screenshots.

Lesson: Turn your best testimonials into mini-stories.

Example 3: Gumroad (Video Focus)

Gumroad embeds creator videos directly on their homepage. The authenticity sells itself.

Lesson: If you have video testimonials, make them the hero.

Widget vs Custom Code: What to Use

Use a Widget When:

  • You want fast setup (5 minutes)
  • You need automatic updates (new testimonials appear instantly)
  • You want built-in analytics (impressions, click-through rates)
  • You're not technical

Build Custom Code When:

  • You need pixel-perfect brand matching
  • You're integrating into a complex app
  • You want full control over interactions
  • You enjoy coding (or have a developer)

💡 Pro tip

TestiGather gives you both: a no-code widget for quick deployment AND an API for custom implementations. Start with the widget, customize later if needed.

Common Mistakes to Avoid

1. Too Many at Once

Showing 50 testimonials on your homepage overwhelms visitors. Quality over quantity. Show 3-5 per section.

2. Generic Praise

"Great service!" tells me nothing. Display testimonials with specifics: what problem you solved, what result they got.

3. Hiding Them Below the Fold

If visitors need to scroll past 3 screens to see your testimonials, most won't. Put them high up.

4. No Clear CTA Nearby

You convinced them. Now what? Always pair testimonials with a clear next step (Sign up, Book a call, Get started).

5. Stock Photo Vibes

If your testimonial photos look too polished or generic, people smell BS. Use real, unedited customer photos.

Technical Implementation Tips

For WordPress

  • Use a plugin like TestiGather, Strong Testimonials, or WP Testimonials
  • Avoid heavy plugins that slow page speed
  • Use lazy loading for images

For Webflow/Framer

  • Embed JavaScript widgets via custom code blocks
  • Or use CMS collections to manage testimonials natively

For React/Next.js

  • Fetch testimonials via API
  • Use components for reusable layouts
  • Implement schema markup for SEO

Measuring What Works

Don't guess. Track these metrics:

  • Scroll depth: Are people seeing your testimonials?
  • Click-through rate: If you link to a testimonial page, how many click?
  • Video play rate: What % of people play your video testimonials?
  • A/B test: Try different placements and formats

Next Steps

Now that you know how to display testimonials, you need great ones to display. Check out:

Related Articles

Ready to display testimonials like a pro?

TestiGather gives you beautiful widgets, customizable layouts, and automatic updates — no coding required.