GUIDES

How to Display Testimonials on Your Website (For Maximum Conversions)

You have testimonials. Great. But WHERE you put them and HOW you display them determines whether they actually convert visitors into customers.

A glowing 5-star review buried at the bottom of your About page is wasted. The same review next to your pricing CTA can increase conversions by 34%. This guide covers the science and practice of testimonial placement: which format to use where, what placements drive the most conversions, and how to avoid common display mistakes.

16 min read
Updated March 2026

Display testimonials that actually convert

Shoutjar's widgets work on any website — grid, carousel, marquee, badge, or single quote. Fully customizable. No coding required.

Start Free Trial

The Science of Testimonial Placement

Research shows that placement matters more than content. The same testimonial in different positions can have dramatically different effects:

25%: Testimonials placed near CTAs increase click-through by 25%.

15-20%: Above-the-fold social proof reduces bounce rate by 15-20%.

18%: Pricing page testimonials reduce purchase abandonment by 18%.

Multi-format: Multiple testimonial formats (text + video + ratings) convert better than a single format alone.

The key principle: Display testimonials at decision points — moments where visitors are deciding whether to stay, click, or buy. Not at random locations, not in a buried "Testimonials" page nobody visits.

6 Widget Formats (And When to Use Each)

Each format has its place. Choosing the right one depends on where you're placing it and what you want it to do. Shoutjar's widget builder supports all six:

Format 1

Single Quote

What it is

One large, prominent testimonial.

Best for

Hero sections, above-the-fold, next to CTAs.

When to use

When you want maximum impact from your best testimonial. One powerful quote beats five mediocre ones.

Pro tip: Choose a testimonial with specific results. "Saved us 10 hours/week" as a single large quote is incredibly persuasive.

Format 2

Grid Layout

What it is

Multiple testimonials in a 2-3 column card layout.

Best for

Dedicated testimonial sections, below the fold.

When to use

When you have 6+ testimonials and want to show volume. The grid implies "lots of happy customers."

Pro tip: Vary card heights (masonry layout) for visual interest. Include photos for higher trust.

Format 3

Carousel / Slider

What it is

Testimonials rotate, showing one at a time.

Best for

Limited space areas, sidebars, between sections.

When to use

When you have multiple testimonials but limited vertical space. Good for mobile.

Pro tip: Show navigation dots so visitors know there's more. Auto-advance with pause on hover.

Format 4

Marquee / Ticker

What it is

Continuously scrolling horizontal strip of short testimonials.

Best for

Social proof bars, between page sections, homepage accent.

When to use

When you want ambient social proof — always visible, always moving. Creates an impression of endless positive feedback.

Pro tip: Keep individual quotes short (1-2 sentences max). Movement catches attention but must be readable.

Format 5

Badge / Compact Widget

What it is

Small, persistent element showing aggregate rating.

Best for

Footer, corner float, sidebar.

When to use

When you want always-visible social proof without taking up space. "4.8/5 — 47 reviews" as a corner badge.

Pro tip: Link the badge to your Wall of Love page for visitors who want to read more.

Format 6

Video Embed

What it is

Video testimonial player.

Best for

Hero section, dedicated section, landing pages.

When to use

When you have video testimonials. Video converts 80% better than text.

Pro tip: Use thumbnail with play button (don't auto-play with sound). Include subtitles.

Page-by-Page Placement Guide

Different pages have different goals. Here's exactly where to place testimonials on each page of your website — and which format to use. For more on overall social proof placement, see our guide on social proof for new websites.

Homepage

  • Hero (above fold): Your single strongest testimonial OR aggregate rating — Single Quote or Badge
  • Below hero: 4-6 testimonials showing variety — Grid or Carousel
  • Between sections: Short quotes that reinforce each section — Marquee or inline quotes
  • Above footer CTA: 1-2 testimonials with results — Single Quote

Goal: Build trust within 5 seconds (above fold) + reinforce trust as they scroll.

Pricing Page

  • Above pricing table: "Worth every penny" type quotes — 1-2 Single Quotes
  • Between plans: Social proof reinforcement — Badge or short quote
  • Below pricing table: 3-5 testimonials addressing value — Grid or Carousel

Goal: Reduce purchase anxiety. Use testimonials that address cost objections.

Landing Pages

  • After hero section: 2-3 relevant testimonials — Grid
  • Near CTA: One powerful, relevant quote — Single Quote
  • Bottom of page: More testimonials — Carousel

Goal: Reinforce the specific promise of the page. Use testimonials relevant to the page topic.

Sign-Up / Free Trial Page

  • Next to form: One reassuring testimonial — Single Quote
  • Below form: 2-3 quick testimonials — Compact cards

Goal: Reduce friction at the final step. "I was skeptical but..." testimonials work best here.

Product / Feature Pages

  • After feature description: Testimonial about THAT feature — Inline quote
  • Bottom of page: Related testimonials — Grid

Goal: Validate the specific feature with proof that it works.

Blog / Content Pages

  • Within article: Relevant inline testimonial — Styled blockquote
  • End of article (before CTA): 1-2 testimonials — Single Quote or compact card

Goal: Establish credibility and drive sign-ups from content readers.

Design Best Practices

Always Include

Real name
Job title / role
Company name
Photo (increases trust 30%+)
Star rating (if from a review platform)
Source badge (G2, Trustpilot, Google, Twitter)

Typography

  • Quote text slightly larger than body text
  • Quotation marks as a design element
  • Italics for the quote, regular weight for attribution
  • Key results in bold or highlighted

Colors

  • Match your brand palette
  • Subtle background color to distinguish from page content
  • Don't make testimonials look like ads — keep them clean

Mobile

Single column on mobile
Swipeable carousels
Collapsed sections that expand on tap
Test every widget on mobile before publishing

Ready to display testimonials that convert?

Shoutjar's widgets work on any website — WordPress, Webflow, Shopify, Squarespace, or custom HTML. Fully customizable. No coding required.

Start Free Trial

Advanced Techniques

Dynamic Testimonials by Visitor Segment

Show different testimonials to different visitors:

  • First-time visitors: "I was skeptical but..." testimonials
  • Pricing page visitors: value-focused testimonials
  • Feature page visitors: feature-specific testimonials

A/B Test Testimonial Placements

Test: with testimonial vs. without, above fold vs. below, single quote vs. grid. Small changes in placement can yield 10-20% conversion differences.

Testimonial + CTA Proximity

The closer a testimonial is to a CTA button, the more it influences clicks. Place your strongest testimonial within 100px of your primary CTA.

Multilingual Display

For international visitors, display testimonials in their browser language. AI Translation makes this automatic — a French visitor sees French testimonials, a Spanish visitor sees Spanish.

Common Display Mistakes

No testimonials above the fold.

If visitors have to scroll to find social proof, you've lost many of them. Add at least one testimonial or aggregate rating above the fold.

Same testimonial on every page.

Rotate different testimonials per page. Repetition feels fake and reduces impact as visitors browse multiple pages.

No photos or names.

Anonymous testimonials are 70% less trusted. Always include real names, photos, and company details. See our guide on testimonial questions that convert for collecting complete testimonials.

Widget that slows the page.

Testimonial widgets should load asynchronously. Test your Core Web Vitals after adding any widget.

Too many testimonials crammed together.

Quality over quantity. 5 great testimonials with whitespace beat 20 quotes crammed into a grid.

Ignoring mobile.

60%+ of your traffic is mobile. Test every widget on phone screens. Use single-column layouts and swipeable carousels.

Stale testimonials.

"January 2023" dates on a 2026 website look neglected. Keep dates current and regularly add fresh reviews.

Starting from zero? If you don't have any testimonials yet, read our guide on building social proof from scratch first. Also check out how to get video testimonials and Wall of Love examples for inspiration.

Frequently Asked Questions

Where is the best place to put testimonials on a website?

The highest-impact placement is near your call-to-action buttons — especially on pricing pages and sign-up forms. Place your single strongest testimonial above the fold on your homepage, and use grids or carousels in dedicated sections below. The key principle: display testimonials at decision points where visitors are choosing whether to stay, click, or buy.

How many testimonials should I display on my homepage?

One powerful testimonial or aggregate rating above the fold, plus 4-6 in a grid or carousel below the fold. Don't overcrowd — 5 great testimonials with whitespace convert better than 20 crammed together. Add a marquee strip between sections for ambient social proof.

What testimonial format converts best?

It depends on placement. Single quotes work best near CTAs and above the fold. Grids work best in dedicated sections. Video testimonials convert 80% better than text overall. The best approach is mixing formats — text quotes, star ratings, video, and social media screenshots together feel more authentic than any single format.

Should testimonials include photos?

Yes. Testimonials with real photos increase trust by 30%+. Always include the person's name, job title, company, and photo. Anonymous or faceless testimonials are 70% less trusted. If you can't get a photo, at least include full name and company.

How do I display testimonials on WordPress/Shopify/Webflow?

Use Shoutjar's embed code — copy it from your dashboard and paste it into a Custom HTML block (WordPress), Custom Liquid section (Shopify), or Embed element (Webflow). The widget is fully responsive and customizable. No coding required, works on any platform that supports HTML embeds.

Display Testimonials That Convert

Shoutjar's widgets work on any website — WordPress, Webflow, Shopify, Squarespace, or custom HTML. Grid, carousel, marquee, badge, or single quote. Fully customizable. AI Translation for global audiences.

14 days free · No credit card