How to Add Testimonials to Your Website
A practical guide to embedding and displaying customer testimonials on any website — from simple HTML to modern frameworks.
Why display testimonials on your website?
Testimonials directly on your website act as social proof at the moment of decision. Visitors who see real customer experiences are more likely to trust your product, stay on your site longer, and convert. Placing testimonials strategically can improve conversion rates by 20-30% on key pages.
Common display formats
There are several ways to display testimonials, each suited to different contexts:
Wall of Love
A masonry-style grid of testimonial cards. Best for dedicated testimonial pages or sections where you want to showcase volume. The visual density signals “lots of happy customers.”
Carousel / slider
Testimonials rotate one at a time in a compact space. Best for homepages and landing pages where you have limited vertical space but want to show multiple testimonials.
Inline quotes
Single testimonial cards placed inline with your content. Best for pricing pages, feature sections, or near CTAs where a specific testimonial reinforces the surrounding message.
Method 1: Use an embed widget
The easiest approach is to use a testimonial tool that generates an embed code. With Testimonial Collector, you:
- Collect testimonials through your shareable form
- Approve the ones you want to display
- Copy the embed code from your dashboard
- Paste it into your website's HTML
The widget loads asynchronously, so it won't slow down your page. It automatically updates when you approve new testimonials — no re-deploying required.
Method 2: Wall of Love page
If you want a dedicated public page showcasing all your testimonials, you can use a hosted Wall of Love. Testimonial Collector gives you a public URL like yoursite.com/wall/your-project that you can link to from your navigation or footer.
This approach is great for:
- Sales teams sharing social proof in outreach emails
- Including in proposals and pitch decks
- SEO — a public page with real customer content
Method 3: Manual HTML
If you prefer full control, you can hardcode testimonials directly in your HTML. Here's a simple pattern:
<blockquote>
<p>"Your product saved us hours every week."</p>
<footer>
<cite>— Jane Doe, CEO at Acme Corp</cite>
</footer>
</blockquote>The downside: you need to manually update your code every time you add or change a testimonial. For a handful of static quotes this is fine, but it doesn't scale.
Where to place testimonials
Placement matters as much as the testimonials themselves. The highest-impact locations are:
- Homepage hero section — immediately builds credibility
- Below the pricing table — reduces purchase anxiety
- Signup page — reassures visitors right before they convert
- Feature pages — pair testimonials with the features they mention
Tips for maximum impact
- Include names and roles — anonymous testimonials feel less trustworthy
- Add photos — faces increase trust and engagement
- Keep them specific — “Increased conversions by 40%” beats “Great product!”
- Rotate regularly — fresh testimonials signal an active, growing business
- Include star ratings — visual ratings are processed faster than text
Need testimonials to display? Read our guide on collecting customer testimonials first.