--- title: "Social proof section examples, and where each one goes" description: "Eleven social proof section layouts rendered in full, sorted by where they belong on a page — under the hero, beside the button, on pricing — plus the HTML to copy." url: https://testymo.com/social-proof-examples --- 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. [Directly under the hero](#hero)[Beside the call to action](#cta)[On the pricing page](#pricing)[In the middle of a long page](#midpage)[A page of its own](#own-page) 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. Avatars Faces, a star line and a count. No words to read at all. JP AS DW LN MT PN TR IS Loved by 128 people Marquee An endless horizontal run that pauses on hover. > Conversions doubled. Still waiting for the catch. JP June Park COO · Fernwell > Quietly the best agency we've worked with. AS Amrit Sahani Founder · Loam > Sales calls stopped opening with 'who else uses this?' DW Dee Whitfield Head of Revenue · Halcyon Labs > Worth every penny, twice over. LN Lena Novak Owner · Studio Novak > Eleven testimonials in two days. MT Marco Tarantino Marketing Lead · Brightpost > Nothing reaches our homepage unread. PN Priya Nandakumar Brand Director · Solstice 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. Rating The aggregate alone: average, stars, how many said so. 4.8 / 5 based on 128 reviews Single Exactly one card, pinned. Pick the quote that names a result. > I sent the link on a Monday and had eleven testimonials by Wednesday. Previously that was a quarter of chasing people on email. MT Marco Tarantino Marketing Lead · Brightpost 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. Grid Even columns, equal cards. Best when your quotes run to similar lengths. > 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. TR Tomas Reinholt Ops Lead · Brindle > Signed for a month. Stayed three years. Make of that what you will. IS Ivy Sandoval CEO · Northbank > 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. HA Hana Aoki Design Lead · Meridian Type 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. Quote A pull-quote block for the middle of a long page. > Installed it on Webflow by pasting one line. My developer was annoyed at how little there was to do. FA Femi Adeyemi Founder · Two Rivers Spotlight One quote, oversized, with the face beside it. > 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?' DW Dee Whitfield Head of Revenue · Halcyon Labs 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. Wall Masonry columns, every approved quote at once. > They rebuilt our checkout in a week and conversions doubled. I keep waiting for the catch. JP June Park COO · Fernwell > Quietly the best agency we have worked with — no theatrics, no re-scoping, just the thing we asked for, early. AS Amrit Sahani Founder · Loam > 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?' DW Dee Whitfield Head of Revenue · Halcyon Labs > Worth every penny, twice over. LN Lena Novak Owner · Studio Novak > I sent the link on a Monday and had eleven testimonials by Wednesday. Previously that was a quarter of chasing people on email. MT Marco Tarantino Marketing Lead · Brightpost > The approval step is the whole product for me. Nothing reaches our homepage that I have not read twice. PN Priya Nandakumar Brand Director · Solstice > 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. TR Tomas Reinholt Ops Lead · Brindle > Signed for a month. Stayed three years. Make of that what you will. IS Ivy Sandoval CEO · Northbank > 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. HA Hana Aoki Design Lead · Meridian Type ## 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](https://testymo.com/examples) — and where on your site each belongs is the longer argument in [how to display testimonials on your website](https://testymo.com/blog/how-to-display-testimonials). ## 03 Getting one onto your page If you want the markup and nothing else, the free [testimonial slider and HTML generator](https://testymo.com/free/testimonial-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](https://testymo.com/integrations), 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. Where these sections come from Testymo collects testimonials with a form people actually finish, records the permission alongside the words, and puts the approved ones on your site with one script tag — in any of the layouts above. Free to start, no card. [Collect your first testimonial →](https://testymo.com/app?utm_source=social-proof-examples&utm_campaign=sections)