The best way to display testimonials on your website is to match the format to the page. Use a card grid or wall of love on dedicated testimonial pages, a featured spotlight quote on your homepage, and inline quotes next to pricing plans or CTAs. According to Skeepers, well-placed testimonials increase conversions by up to 70%. This guide covers eight display formats, placement strategies for every page type, and design rules backed by data.
Why testimonial display format matters
A testimonial buried in plain text at the bottom of your About page does nothing. The format, placement, and design of your testimonials determine whether visitors actually read them and take action.
The wrong format can actually hurt credibility. A BrightLocal study found that 49% of consumers trust online reviews as much as personal recommendations -- but only when those reviews look authentic. Generic layouts with stock photos and vague quotes signal "fake" to experienced buyers.
8 testimonial display formats (and when to use each)
Every format has a sweet spot. Here are eight proven display patterns ranked by how much visual real estate they need and how many testimonials they support.
Card grid
Most versatileA uniform or masonry grid of cards, each with a photo, name, role, and quote. Works with 10 or more testimonials. Used by Stripe, Miro, and Linear. Ideal card width is 280-360px with 16-24px gaps between cards. This format creates visual density that signals popularity.
Featured spotlight
High impactOne large testimonial front and center -- full-width background, oversized pull quote, customer photo, and company logo. Basecamp and Slack use this on their homepages. Best when you have one powerful story that matches the exact objection your visitors have.
Carousel or slider
Space-efficientTestimonials rotate in a horizontal slider, typically showing 1-3 cards at a time. Saves vertical space on landing pages. Set auto-advance to 5-7 seconds. According to Baymard Institute, users interact more with carousels that have visible navigation arrows and dot indicators.
Wall of love
Social proof at scaleA Pinterest-style masonry layout mixing tweets, screenshots, video thumbnails, and text quotes. Notion and Figma use this approach. Works best when you have 20+ testimonials from recognizable brands. The variety of formats makes it feel organic rather than curated.
Video testimonials
Most persuasiveEmbedded video clips (60-90 seconds) with thumbnail previews. According to Wyzowl, 79% of consumers have been convinced to buy software by watching a video. Keep videos under 2 minutes. Always include captions -- 85% of social media video is watched with sound off (Digiday).
Inline quotes
ContextualShort 1-2 sentence testimonials placed directly next to the feature or pricing tier they reference. Shopify uses this on their pricing page. Each quote should address the specific concern a visitor has at that point in the page -- price objection, ease of use, or ROI.
Logo bar with hover quotes
B2B favoriteA row of customer logos that reveal a short testimonial on hover or click. Monday.com and HubSpot use this pattern. Effective for B2B sites where the logos alone carry social proof. Aim for 6-12 recognizable logos in a single row, with grayscale-to-color hover effect.
Star rating summary
Trust signalAn aggregate star rating with review count (e.g., 4.8 out of 5 from 312 reviews) pulled from Google, G2, or Trustpilot. Place this near your CTA buttons. PowerReviews found that products displaying star ratings see 270% more conversions than those without any rating display.
Quick comparison: which format fits your site
Choosing a format depends on how many testimonials you have, what type of content they are, and where you plan to display them. Here is a side-by-side breakdown.
| Format | Best for | Min. testimonials | Setup effort |
|---|---|---|---|
| Card grid | Dedicated pages, walls of love | 10+ | Medium |
| Featured spotlight | Homepage hero, landing pages | 1-3 | Low |
| Carousel | Landing pages, sections with limited space | 5+ | Medium |
| Wall of love | Social proof pages, community pages | 20+ | Low |
| Video | Product pages, case study pages | 3+ | High |
| Inline quotes | Pricing pages, feature sections | 5+ | Low |
| Logo bar | Homepage, B2B landing pages | 6+ | Low |
| Star rating | Near CTAs, checkout pages | 50+ | Low |
Where to place testimonials on every page type
Placement is as important as format. A testimonial on the wrong page or in the wrong position gets ignored. Here is where to put them for maximum impact, based on page type.
Homepage
Very high impactFirst impression matters. Visitors decide in 50 milliseconds whether to stay (Nielsen Norman Group). A strong testimonial near the top reduces bounce rate.
Pricing page
Very high impactThis is where purchase decisions happen. According to VWO, adding testimonials near pricing increases sign-ups by 34%. Match each quote to the plan it references.
Landing pages
Very high impactPaid traffic is expensive. Social proof between the pitch and the ask reduces friction. Unbounce reports that landing pages with testimonials convert 25% better than those without.
Product or feature pages
High impactFeature-specific testimonials validate claims you just made. Generic quotes here feel disconnected -- always match the testimonial to the feature above it.
Checkout or sign-up flow
High impactReassurance at the moment of commitment reduces abandonment. Keep it minimal -- one stat and one quote is enough. Do not slow down the flow with heavy layouts.
Dedicated testimonial page
Medium impactVisitors who navigate to this page are actively evaluating you. Give them volume and variety. Organize by category so they can find stories relevant to their situation.
7 design rules that make testimonials more trustworthy
The visual presentation of a testimonial determines whether visitors believe it. These seven rules are backed by UX research and conversion rate optimization data.
Always use real photos
According to a study published in the Journal of Consumer Research, testimonials with real customer photos are 35% more persuasive than those with generic avatars or no image at all. Never use stock photos.
Include full names and roles
"Sarah M." is less credible than "Sarah Mitchell, Head of Marketing at Acme Corp." The more specific the attribution, the more trustworthy the quote. Include company name and job title whenever possible.
Keep quotes under 60 words
Eye-tracking research from Nielsen Norman Group shows that users scan testimonials in an F-pattern. Long quotes get skipped. Edit down to the strongest 1-2 sentences while keeping the customer's voice intact.
Add quantifiable results
"Increased our conversions by 47% in 3 months" beats "really helped our business." Yotpo data shows that testimonials with specific numbers generate 161% more engagement than vague praise.
Use consistent card styling
Every testimonial card should have the same padding, border radius, and typography. Inconsistent styling makes testimonials look cobbled together and reduces perceived professionalism.
Add subtle visual hierarchy
Use larger font size for the pull quote, smaller text for the attribution. Add a company logo or star rating as a secondary trust signal. The quote should be the visual anchor of each card.
White space between cards
Cramped testimonials feel overwhelming. Use 16-24px gaps between cards and generous internal padding (20-24px). According to Crazy Egg, white space around testimonials increases readability by 20%.
5 common testimonial display mistakes to avoid
Even good testimonials can backfire if displayed poorly. These are the most common mistakes businesses make, based on conversion rate optimization audits.
✕Burying testimonials on a separate page only
Place testimonials on every high-intent page -- pricing, checkout, landing pages. A dedicated page is useful but should not be the only location. According to Marketing Experiments, testimonials placed near CTAs increase click-through rates by 25%.
✕Using stock photos instead of real customer images
Visitors can spot stock photos instantly. Even a low-quality real photo is more credible than a polished stock image. If you do not have a customer photo, use their company logo or initials instead.
✕Displaying only 5-star reviews
A perfect score looks suspicious. According to Spiegel Research Center at Northwestern, purchase likelihood peaks at ratings between 4.2 and 4.5 stars. Include a few honest 4-star reviews to build credibility.
✕Using testimonials that are too long or too vague
Edit testimonials down to 1-2 impactful sentences. Remove filler words while preserving the customer's voice. Every testimonial should include a specific outcome, metric, or before-and-after comparison.
✕Not updating testimonials for over a year
Stale testimonials with outdated job titles and old screenshots reduce trust. Refresh your testimonial content every 3-6 months. Current testimonials signal an active, growing product.
How to display testimonials on your site with ProofDeck
Building testimonial displays from scratch means writing custom components, handling responsive layouts, and managing a content pipeline. ProofDeck handles all of it so you can focus on collecting great stories from your customers.
The free plan includes 15 testimonials, one collection form, and 1 widget. No credit card required to start.
Frequently asked questions
What is the best format to display testimonials on a website?
The best format depends on the page. Use a card grid or wall of love for dedicated testimonial pages, a featured spotlight for your homepage, and inline quotes on pricing pages. According to Skeepers, matching the format to the page context increases conversions by up to 70%.
How many testimonials should I display on my website?
Display 3-5 testimonials per page section for most layouts. For dedicated testimonial pages, aim for 15-30 organized by category. More is not always better -- Spiegel Research Center found that conversion rates plateau after the first 5-10 reviews on a given page.
Where should I place testimonials for the highest conversions?
Place testimonials near decision points -- pricing pages, checkout forms, and CTA buttons. According to VWO, adding testimonials next to pricing increases sign-ups by 34%. The homepage hero section and landing pages are also high-impact placements.
Do video testimonials convert better than text testimonials?
Video testimonials are more persuasive for complex products. Wyzowl reports that 79% of consumers have been convinced to buy software after watching a video. However, text testimonials load faster and are easier to scan. Use both formats for the best results.
How often should I update the testimonials on my website?
Refresh your testimonial content every 3-6 months. Remove testimonials with outdated job titles or old product references. AI-powered search engines like Google prioritize content updated within the last 13 weeks, so fresh testimonials also help your SEO.
Start collecting testimonials for free
ProofDeck makes it easy to gather, manage, and display customer testimonials on your site. Free plan available -- no credit card required.
Create your free account