Sections
Social proof sections,
and what each one is for
Most galleries of social proof sections show you designs. The harder question is where a section goes, because the same eleven layouts do completely different jobs depending on which paragraph they interrupt. Below: five places on a page where a visitor gets doubtful, what belongs at each, and every layout rendered at full size so you can see it rather than read about it.
One clarification, since the phrase covers two products. This page is about sections built from what your customers wrote — quotes, ratings, faces. It is not about the live activity popups that announce “someone in Ohio just bought this”; those come from a different kind of tool, and Testymo does not make one.
01 Five places doubt shows up
A page does not need social proof spread evenly through it. It needs proof at the points where a reader stops believing you, and those points are predictable. Each position below takes a different kind of section, and the specimens under it are the real layouts — drawn in the page rather than screenshotted, which is why eleven of them cost no image requests.
The question here is “Says who?”
Directly under the hero
The visitor has read one sentence about how good you are, written by you. The strip under it is the second opinion, and it works because it asks for nothing: no reading, no scrolling, no decision. Keep it wide and short — a run of faces, an aggregate, or quotes moving slowly enough to catch one. This is the spot people mean by a social proof strip, and it is the only one where a section that cannot be read in full still does its job.
Conversions doubled. Still waiting for the catch.
Quietly the best agency we've worked with.
Sales calls stopped opening with 'who else uses this?'
Worth every penny, twice over.
Eleven testimonials in two days.
Nothing reaches our homepage unread.
The question here is “Am I about to regret this?”
Beside the call to action
Doubt peaks at the button, not at the headline, and this is the position most sites leave empty. What belongs here is small and specific: an aggregate that says how many people already decided, or one card from somebody who looks like the reader. A wall here competes with the button and loses you the click — the section beside a call to action should be readable in about two seconds.
I sent the link on a Monday and had eleven testimonials by Wednesday. Previously that was a quarter of chasing people on email.
The question here is “Is this worth it?”
On the pricing page
The objection on a pricing page is value, and it is answered by quotes that mention an outcome rather than an experience. “Lovely to work with” does nothing here; “paid for itself in a month” does. Two or three of those, tight, under the plans — not a wall, because a reader on the pricing page is comparing numbers and will not stop to read nine cards.
Our customers are builders. They will not sign up for a portal to say something nice. One link, three questions, done — that is the only version of this that works.
Signed for a month. Stayed three years. Make of that what you will.
The form looks like our site. Customers assume we built it, which is exactly the point — nobody wants to be routed to a survey vendor mid-compliment.
The question here is “This is all still you talking.”
In the middle of a long page
A long landing page or a case study is one voice for a long time. Breaking it with somebody else's is what a pull-quote does in print, and it buys the paragraphs after it a fresh hearing. One quote, set larger than the body text, is enough — the mistake here is dropping a full section in and stopping the argument dead.
Installed it on Webflow by pasting one line. My developer was annoyed at how little there was to do.
We put the widget on the pricing page on a Tuesday. By Friday our sales calls had stopped opening with 'so who else uses this?'
The question here is “Show me everyone.”
A page of its own
Once you have nine or more quotes worth reading, volume becomes the argument and it needs room to make it. This is also where a reader who is already interested goes looking, so it earns a link in your nav. Below about nine, a dedicated page reads as a struggle to fill the space — put those quotes at the four positions above instead and come back to this one later.
They rebuilt our checkout in a week and conversions doubled. I keep waiting for the catch.
Quietly the best agency we have worked with — no theatrics, no re-scoping, just the thing we asked for, early.
We put the widget on the pricing page on a Tuesday. By Friday our sales calls had stopped opening with 'so who else uses this?'
Worth every penny, twice over.
I sent the link on a Monday and had eleven testimonials by Wednesday. Previously that was a quarter of chasing people on email.
The approval step is the whole product for me. Nothing reaches our homepage that I have not read twice.
Our customers are builders. They will not sign up for a portal to say something nice. One link, three questions, done — that is the only version of this that works.
Signed for a month. Stayed three years. Make of that what you will.
The form looks like our site. Customers assume we built it, which is exactly the point — nobody wants to be routed to a survey vendor mid-compliment.
02 The layouts this page did not use
Eleven layouts ship, and the positions above account for eight of them. The other three are the list (one quote per row, for a story-shaped page whose quotes are long), the carousel (one at a time, when space is tight and your quotes are genuinely equal) and the badge (a bubble that follows the page, present everywhere and resented fastest).
Each layout also takes any of twenty-one visual styles, from ink-and-paper to obsidian, so the design decision is really two: the layout picks what gets drawn, the style picks how it looks. All eleven are rendered one at a time, with what each costs you, on the widget examples page — and where on your site each belongs is the longer argument in how to display testimonials on your website.
03 Getting one onto your page
If you want the markup and nothing else, the free testimonial slider and HTML generator builds a section from quotes you type in and hands back semantic HTML and CSS you can paste anywhere. The slider layout runs on scroll-snap, so the output carries no JavaScript at all — no library, no account, no watermark. It is the right answer when the quotes are not going to change.
The trade-off is maintenance. Hand-rolled markup means every new testimonial is another edit to your HTML, in every place you pasted a section — and the third or fourth time you do it, one of the copies quietly falls out of date. Testymo’s version of these sections is one script tag that draws whichever layout you picked, so a newly approved quote appears everywhere you embedded it without you touching a page.
Either way, the sections above are put together the same way underneath: real quotes, attributed, with a rating where you collected one. There is nothing to install on the platforms most people are on — fourteen of them have a walkthrough, each one about where that particular editor lets you paste a tag.
04 A section you fill, and one that fills itself
Every specimen on this page is drawn from sample quotes written for the demo — no customer wrote them. That is worth saying plainly, because it is the part of a social proof section that a gallery never covers: where the words come from, and whether you are allowed to publish them.
The usual route is that a quote arrives in an email, you paste it into a page, and the permission is a separate conversation you may or may not have had. Testymo puts the permission question inside the form that collects the testimonial, so the yes is stored with the words and dated. You approve each one before it can appear, and the section draws only what you approved.
That is the whole difference between the sections above and a template you fill in by hand. Not the design — the design you can copy from anywhere, including from this page. What you cannot copy is knowing that the person quoted said yes.