How to add testimonials to your website

Most websites have a trust problem.

You've got real customers who love what you do. But your landing page reads like every other landing page on the internet — your own copy, your own claims, your own promises. Visitors land, scroll, get suspicious, and bounce.

A testimonial section fixes that. A video testimonial section fixes it harder, because it's the closest thing to having a happy customer standing next to your CTA button.

The problem: most testimonial tools are a pain to install, slow your site to a crawl, or both. This guide shows you the lazy way — one snippet, any platform, no PageSpeed penalty.

What you'll get out of this guide

By the end of this page you'll know how to:

• Pick the right testimonial format for the page you're embedding on (homepage, pricing, product, checkout)
• Add testimonials to literally any website that lets you paste HTML — without touching your tech stack
• Avoid the three mistakes that kill conversions on testimonial sections
• Embed video testimonials that don't tank your Lighthouse score

No fluff. Let's go.

Why testimonials belong on every commercial page (not just an "about" tab)

A dedicated testimonials page is fine. But it's also the page nobody visits.

The ROI shows up when proof sits next to the decision. Some examples:

• Homepage hero: a single video testimonial below the fold turns "yet another SaaS" into "oh, real people use this"
• Pricing page: a Wall of Love right under the plans answers the unspoken question — "is anyone actually paying for this?"
• Product / feature pages: one carousel of customers using that specific feature beats three paragraphs of feature copy
• Checkout / signup: a small floating widget reinforces the decision at the most fragile moment of the funnel

The rule is simple: proof goes where doubt happens.

The seven layouts and when to use each

There are roughly a million ways to display testimonials on a page. GetPureProof gives you seven layouts that cover every realistic use case — pick the one that matches the page you're embedding on.

Wall of Love

A dense four-column grid mixing video, star ratings, and short written quotes. Designed to make a visitor feel the volume of social proof at a glance.

Use it when: you have 6+ testimonials and want to dominate a landing page fold.

Bricks

Masonry layout — same content as Wall of Love, but with variable card heights for a more organic, Pinterest-style look. Reviews and stars get visual weight alongside video.

Use it when: you want a social proof wall that emphasizes written reviews and ratings, not just video.

Carousel

Horizontal-scrolling row with navigation arrows. Compact, predictable, doesn't take over the page.

Use it when: you need proof on a homepage or product page but can't afford to derail the layout.

Single Spotlight

One hero testimonial — usually your best video — given the full-width, high-impact treatment with quote and stars.

Use it when: one customer story is worth more than ten. Hero sections, dedicated landing pages, course sales pages.

List

Vertical stack of full-width testimonial cards, blog-style.

Use it when: you want detailed, scrollable testimonials that feel like reading reviews. Good for long-form sales pages and case study sections.

Avatars Bar

A compact row of clickable customer avatars that expand to reveal the full testimonial. Tiny footprint, high social proof density.

Use it when: you need social proof in a header, footer, or above the fold without taking up much vertical space.

Floating Pop

A small fixed widget in the bottom corner that rotates through testimonials. Stays visible as the visitor scrolls.

Use it when: you want persistent social proof on every page, or exit-intent reinforcement on checkout flows.

If you're starting from zero, pick one

Don't overthink it. The three layouts that do the most heavy lifting on a typical SaaS or e-commerce site are Wall of Love (landing pages), Carousel (homepage), and Single Spotlight (product pages). Ship one of those this week, learn what your visitors respond to, then mix in the other formats once you have data.

The lazy way to add testimonials to any website

Here's the shortcut that nobody tells you about: you don't need a plugin for your platform. You don't need a Shopify app, a WordPress integration, or a Webflow component.

You need one HTML snippet. Two lines of code. That's it.

<div class="pureproof-widget" data-widget-id="YOUR_WIDGET_ID"></div>
<script src="https://app.getpureproof.com/embed.js" async></script>

That snippet works on every platform that lets you paste HTML — which is, in practice, every platform you've heard of. WordPress (Custom HTML block, or any theme template). Shopify (Custom Liquid section). Webflow (Embed component). Framer (Embed code element). Wix (HTML iframe element). Squarespace (Code block). Ghost. Notion. Bubble. Carrd. Plain HTML pages. And in modern JavaScript frameworks like Next.js, React, Vue, or Svelte — drop the snippet into any component that renders HTML, or use the framework's standard script tag (e.g. next/script in Next.js).

No plugin updates. No version conflicts. No "this app is no longer supported on your theme version." Just one script tag that loads asynchronously and renders your widget.

The async attribute on the script tag is the part that matters. It means the widget loads in parallel with the rest of your page — your page renders first, the widget appears when it's ready, and your Largest Contentful Paint (LCP) doesn't take a hit. The video files themselves live on a global CDN and only load when a visitor presses play, so even a Wall of Love with a dozen video testimonials won't trash your Lighthouse score.

Step-by-step: from zero to embedded

Here's the full flow, start to finish:

1. Create a Space. Sign in, click "New Space," name it (e.g. "Homepage testimonials"), upload your logo, write a short welcome message and 1–3 questions you want customers to answer. Two minutes.

2. Share the recording link. Copy your Space link. Send it via email, SMS, your CRM, a Slack channel, a thank-you page after purchase — wherever your happy customers are. They click, hit record in their browser (no app, no signup), and submit. Mobile and desktop both work.

3. Approve incoming videos. Submissions land in your dashboard with status Pending. Watch, approve the good ones, archive the rest.

4. Build a widget. Go to your Space → Widgets → New Widget. Pick a layout (Wall of Love, Carousel, Single Spotlight, etc.), pick a theme (light, dark, or transparent so it blends with any background), and handpick which approved videos to feature. Save.

5. Copy the snippet. Click "Code" on your widget card. Copy the two-line HTML snippet.

6. Paste it on your site. Open your CMS or page builder, drop the snippet wherever you want testimonials to appear. Save. Refresh. Done.

First widget live in under 10 minutes if you already have testimonials. The bottleneck is collecting the videos, not embedding them.

The three mistakes that kill testimonial sections

The difference between a testimonial section that converts and one that gets ignored usually comes down to three things.

Mistake 1: hiding testimonials on a dedicated page

A /testimonials page is a graveyard. Visitors don't go looking for proof — proof has to find them, on the page where they're making the decision. Embed testimonials on the pages that matter: homepage, pricing, product, checkout. Treat the standalone testimonials page as a bonus, not the main event.

Mistake 2: text-only when video is available

A written quote with a name and a photo is fine. A 30-second video of the same person saying the same thing converts dramatically better, because it's much harder to fake. If you have video testimonials, lead with them. Mix in text and stars for density, but video is the anchor.

Mistake 3: embedding tools that destroy your PageSpeed score

This is the one most founders find out about three months too late. A lot of testimonial tools embed heavy synchronous scripts that block your page render. Your Lighthouse score drops 20 points, your LCP goes from 1.4s to 3.8s, and Google quietly demotes you in search.

The fix: only use embed tools that load asynchronously and host video on a real CDN. The snippet pattern above (<script async> + lazy-loaded iframe) is the right shape. If your current tool blocks rendering or ships megabytes of JavaScript on page load, switch.

Common questions, briefly

Do I need a developer to install this? No. If you can paste two lines of HTML into a page, you can install a widget. Most platforms have a dedicated "HTML embed" or "custom code" block exactly for this.

Can I customize how the widget looks? Yes — pick the layout (Wall of Love, Carousel, Single Spotlight, List, Bricks, Avatars Bar, Floating Pop) and theme (light, dark, transparent). The transparent theme adapts to whatever background you embed it on, so it usually matches your site without any tweaking.

Will it slow down my site? No. The script loads asynchronously, the widget renders in an isolated iframe, and the actual videos only load when a visitor clicks play. The widget is designed to keep your Core Web Vitals (LCP, CLS, INP) clean.

What if I don't have any testimonials yet? Start collecting today. Send your recording Space link to your last 10 happy customers with a short message: "Hey — would you mind recording a 30-second clip about working with us? Takes literally one minute, no signup needed: [link]". You'll get 2–3 back within a week.

What to do next

Three things, in order:

1. Sign up for a free account at GetPureProof. The free plan lets you create one Space and collect your first 2 testimonials at no cost. Start free — no credit card
2. Send your recording link to 10 happy customers today. Don't overthink the message.
3. Build your first widget as soon as you have 3 approved videos. Embed it on your highest-traffic page. Watch what happens to your conversion rate over the next 30 days.

The businesses winning with social proof aren't the ones with the fanciest testimonial pages. They're the ones who actually shipped.

For the bigger picture on collecting and using video proof, see our ultimate guide to video testimonials. If you want to dig into the performance side, we wrote a separate piece on how to embed video testimonials without slowing down your site.