Testimonials

How to Display Testimonials on Your Website (Formats, Placement, and Code)

How to display testimonials on your website so they actually convert: the best formats, where to place them, design tips that build trust, and the easiest way to embed them without a developer.

Devanuj Nath · Founder, CollectMonial

·6 min read

How to Display Testimonials on Your Website (Formats, Placement, and Code)

Collecting testimonials is only half the job. A testimonial sitting in a folder does nothing. It only works when a visitor sees it on your website at the moment they are deciding whether to trust you.

This guide is about that second half: how to display testimonials on your website so they actually move people. The formats worth using, where to put them, how to make them look like they belong, and the easiest way to get them live. If you still need to gather them first, start with how to collect testimonials from clients.

The short version

Show your best testimonials where people decide, on your landing page, pricing page, and near your signup button. Pick a format that fits each spot, mix video and text, make it match your site, and use an embed that updates itself so you are not editing code every time you get a new one.

The formats worth using

Different spots on your site call for different formats. The main ones:

  • Wall of love. A grid of many testimonials together. The volume itself is the message: lots of happy people. Best on a dedicated testimonials page.
  • Carousel. A slider that rotates through quotes. Saves space, so it fits on a busy landing page where you cannot give up much room.
  • Grid. A clean set of cards, usually three across. Good for showing a curated handful without it feeling like a slider.
  • Single quote. One strong, specific testimonial placed next to a call to action. Quiet but powerful at the moment of decision.
  • Popup. A small testimonial that slides in while someone browses. Adds proof without taking up any layout space.

You do not have to pick one. The best sites use a single quote near the signup button, a carousel or grid on the landing page, and a full wall on a dedicated page.

Mix video and text

The strongest displays put video and text side by side. Video carries more trust, because a real face and voice are hard to fake, but fewer people finish watching it. Text is faster to scan but easier to doubt. Showing both on one wall gives you the credibility of video and the speed of text, so you are not betting everything on one format. If video is the part you are missing, how to get video testimonials covers getting them recorded.

Where to place testimonials

Placement matters as much as the testimonials themselves. Put proof where doubt happens:

  • Landing page, near the main call to action. Right where someone is deciding to click. A specific quote here does real work.
  • Pricing page, next to the plans. This is peak hesitation. A testimonial that says "worth every penny" or names a result lands hard here.
  • Near your signup or checkout button. The last moment of doubt before someone commits. One strong line can tip it.
  • A dedicated testimonials or results page. For people who want to dig in before deciding. This is where the full wall of love lives.

The rule is simple: a testimonial works when a prospect sees it while they are deciding, so put it at those decision points, not buried in a footer.

Design tips that build trust

How testimonials look changes how much they get believed:

  • Show a real name and photo. A face and a full name beat "John D." every time. Anonymous quotes read as made up.
  • Keep specific details in. Do not trim a testimonial down to "Great service!" The specific result is the part that convinces.
  • Match your site. The testimonials should use your colors, fonts, and corners so they feel like part of your page, not a widget bolted on.
  • No foreign watermark. A testimonial carrying another company's logo or badge quietly tells visitors this is a third-party gadget, which chips away at trust.
  • Do not overcrowd. A few strong, specific testimonials near a call to action beat a giant wall of generic praise on a landing page.

The easy way to get them on your site

You have two options for actually putting testimonials on your site.

The hard way is to hand-code them in HTML. It works, but every new testimonial means editing code, and your display goes stale the moment you stop. Most people build it once and never update it.

The easy way is an embeddable widget. You collect testimonials in one place, then paste a single line of code where you want them to show, and it stays in sync on its own.

This is exactly what CollectMonial is built for. You collect video and text testimonials, pick the ones you want, and add them to your site as a wall, grid, carousel, or popup with one line of code. There is no watermark, and you control the colors, fonts, and layout so it matches your site instead of looking bolted on. When you add a new testimonial to your wall, it appears on your site automatically, so you are never back in the code. You can start displaying for $25 a month.

Make it match your site

The detail that separates a display that converts from one people ignore is whether it looks like it belongs. A testimonial section in clashing colors with someone else's logo on it reads as an ad. One that uses your exact colors, fonts, and corners reads as part of your site, and that is part of why it gets trusted.

The demo below lets you change the layout, columns, corners, and colors and watch the wall update live. That is the same control you get over how your testimonials look on your own site.

Keep it fresh on its own

The last piece is keeping the display current. Hard-coded testimonials are the ones that rot, because updating them is a chore nobody does. A widget that pulls from a live collection fixes this: add a new testimonial to your wall and it shows up on your site by itself. Your social proof grows quietly in the background instead of freezing on the day you built the page.

Common mistakes to avoid

  • Hiding testimonials in the footer. Put them where people decide, not where they leave.
  • Showing only generic praise. "Great product" does nothing. Lead with specific, results-driven quotes.
  • Anonymous quotes. No name or photo reads as fake. Show real people.
  • A display that clashes with your site. Mismatched colors and a foreign watermark make proof look like an ad. Match your design.
  • Hard-coding and forgetting. A display you never update goes stale. Use one that stays in sync on its own.
See it in CollectMonial

Make the wall look like your site.

Once the testimonials are in, you control exactly how they look. Here are the same customization controls you get in the app, live.

Try it out — it's interactive!
Play around and see how your card can look
Card edges
Brand color
Font
Maya Roberts

Maya Roberts

Founder, Tidewell

Our wall finally looks like part of the app — customers can't tell it's a widget, and that's exactly the point.

May 14, 2026

Brand colors and fonts

Match your primary color, surface, and typeface so the wall picks up your design system instead of looking like a third-party embed.

Four card edge styles

Rounded, sharp, pill, or stamp, so the cards match the shapes your site already uses.

8+ widget types

Masonry and grid walls, carousels, marquees, floating popups, and rating badges, switchable anytime without collecting again.

Preview every change live

Reorder, pin the winners, and see exactly how the wall looks before it ships, with no deploy.

FAQ

Frequently asked.

Pick a format that fits the spot, a wall of love, a carousel, a grid, a single quote, or a popup, then place it where people make decisions, like your landing page, pricing page, and near your signup button. The easiest way is an embeddable widget that drops in with one line of code, so you do not have to hand-build and update HTML every time.
Where people decide. Your landing page near the main call to action, your pricing page next to the plans, near your signup or checkout button, and on a dedicated testimonials or results page. The goal is to put proof at the exact moment someone is weighing whether to trust you.
It depends on the spot. A wall of love is great for a dedicated page, a carousel saves space on a landing page, a single strong quote works next to a call to action, and a popup adds proof without taking up layout space. Mixing video and text in one place tends to convert best.
Both, shown together. Video carries more trust because it is harder to fake, but fewer people finish watching it, while text is faster to scan. Putting them on the same wall gives you the credibility of video and the speed of text instead of betting on one.
Use a testimonial tool that gives you an embed code. You collect testimonials in a dashboard, then paste one line of code where you want them to appear, and the display updates itself when you add new ones. No HTML editing or developer needed.
Yes. Testimonials that clash with your site, or carry another company's watermark, look bolted on and lose trust. Match the colors, fonts, and corners to your site so the proof feels native, which is part of why it gets believed.
Enough to feel credible without overwhelming. A few strong, specific ones near a call to action beat a giant wall of generic praise. For a dedicated testimonials page you can show many, but on landing and pricing pages, curate the best three to six for each spot.
Yes, when they are specific and placed at the point of decision. A vague great product line does little, but a specific testimonial that names a real result, sitting right next to your signup button, directly answers the doubt a visitor has in that moment and helps them act.
Use a widget that pulls from a live collection instead of hard-coded HTML. When you add a new testimonial to your wall, it appears on your site automatically, so you are never editing code to add a quote. Hard-coded testimonials are the ones that go stale.

Collect and display testimonials that match your site.

Flat $25/month, video and text, branding off from day one.

Try CollectMonial
All posts