Every layout below is the real widget, rendered live with sample reviews. Choose one to open it in the builder, match it to your brand, and paste one snippet into Webflow, Framer, WordPress, Shopify or any other site.
These are not screenshots. Each tile is the widget itself, drawn by the same code that renders it on your site. Pick one to open it in the builder.
Under a hero, when one story does most of the selling
A section break, when you want one story read properly
Between two sections, edge to edge, as a breath in the page
An about or pricing page, where one sentence carries it
A team or testimonials page, when the faces are the first impression and the story is one hover away
Directly under a hero headline, where a claim needs backing
A hero, as the first thing a visitor sees under the headline
Beside a pricing button, or in a navbar
A pricing or comparison page, where the score gets questioned
Under a hero, when the names are the proof
Start from what the section has to do, not from how it looks. The 19 layouts fall into 5 groups, and each group answers a different goal. Pick the goal, then the layout inside it that suits the space you have.
Show many reviews at once. Choose these when the amount of praise is the argument, on a homepage, a landing page or a dedicated reviews page.
Give one review the stage. Choose these when a single, well-chosen review can answer the question a visitor has at that point on the page.
Put customers on camera. Choose these when you have video testimonials and want them played on the page.
Add proof without adding a section. Choose these for a thin band between sections or a strip at the top of a page.
Back up a claim in the space of a line. Choose these for a hero, a navbar, or right beside a pricing or sign-up button.
The same reviews can appear in several layouts at once, so you are not choosing one widget for the whole site. Choose one per place, by what a visitor is doing there.
One glance, no reading. Back up the headline before the first scroll.
Visitors are scrolling and deciding whether to keep going. Volume and motion work.
One offer, one audience. Lead with the stories that match it.
The visitor is weighing cost. A score or one sentence about value beats a wall.
Keep attention on the form. A small, quiet piece of proof only.
Visitors came to read and watch. Give them everything, organised.
What each layout shows, whether it carries star ratings, whether it moves on its own, and whether it can open as a pop-up or a corner card instead of sitting in the page.
| Layout | Shows | Best for | Stars | Moves | Pop-up |
|---|---|---|---|---|---|
| Testimonial Wall | Text and video reviews | A homepage or landing page, where the volume of proof is the argument | Yes | No | Yes |
| Review Grid | Text and video reviews | A reviews page, where every story deserves the same weight | Yes | No | Yes |
| Testimonial List | Text and video reviews | A sidebar or a long page, where vertical space is cheap | Yes | No | Yes |
| Timeline | Text reviews, dated | A case-study or changelog page, where recency is the point | Yes | No | Yes |
| Featured Review | Text reviews, one featured | Under a hero, when one story does most of the selling | Yes | Yes | No |
| Spotlight Reel | Video reviews only | A section break, when you want one story read properly | Yes | No | No |
| Full-width Slider | Text and video reviews, one at a time | Between two sections, edge to edge, as a breath in the page | Yes | Yes | Yes |
| Quote Spotlight | Text reviews, one at a time | An about or pricing page, where one sentence carries it | Yes | Yes | Yes |
| Flip Card | Photos, then text or video | A team or testimonials page, when the faces are the first impression and the story is one hover away | Yes | Yes | Yes |
| Video Carousel | Video reviews | A landing page, when the proof is on camera | Yes | Yes | Yes |
| Video Gallery | Video reviews | A dedicated stories page, made for browsing clips | No | No | Yes |
| Marquee Strip | Text reviews | Between sections, as a band of movement that never asks for a click | Yes | Yes | No |
| Review Banner | Score plus one review line | Above the fold or above a form, with one thing to click | Yes | Yes | Yes |
| Announcement | Your own message | The top of any page, for a sale, a launch or a notice | No | No | No |
| Trusted-by Row | Faces and score | Directly under a hero headline, where a claim needs backing | Yes | No | No |
| Avatar Strip | Faces that open reviews | A hero, as the first thing a visitor sees under the headline | Yes | No | Yes |
| Rating Badge | One platform's score | Beside a pricing button, or in a navbar | Yes | No | Yes |
| Rating Breakdown | Scores per platform | A pricing or comparison page, where the score gets questioned | Yes | No | Yes |
| Company Logos | Customer company logos | Under a hero, when the names are the proof | No | No | No |
Every layout installs the same way. StoryProof gives you a short snippet: an empty placeholder that marks where the widget goes, and a script tag that loads it. Paste both into an HTML or custom code block in your site builder. The script loads asynchronously, so it does not hold up the rest of your page.
The snippet names your widget rather than its settings. Change the colours, the heading or the reviews it shows in StoryProof later, and the change reaches every page the snippet is on without pasting it again.
Further reading: Review widgets: what they are and how to choose one
Bring reviews in, keep the ones worth showing, pick a layout, paste one line of HTML. Click a step to see it.
StoryProof Workflow StudioPaste a link to your Google, G2, Trustpilot or Capterra page and its reviews come across. Videos, audio notes and written reviews from your own form land in the same list.
Synced 2 mins ago • 4.9 ★ avg
Synced 5 mins ago • 4.7 ★ avg
Synced 10 mins ago • 4.8 ★ avg
29 Video submissions
No developer skills needed. Copy your widget's two-line snippet, paste it into your site builder, and your testimonials appear wherever you put it.
Works With Every Website Builder:
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>A Wall of Love is one page that collects your best customer testimonials. Learn what belongs on it, how to pick and order reviews, where to link it, and the rules to follow.
Reviews sitting on Google or in your inbox never reach the page where someone decides. Here is how review widgets work, which layout suits which page, and a checklist for picking one.
A step-by-step guide to adding reviews and testimonials to Shopify product pages: where they belong, which widget layout fits each spot, and how to embed it with a Custom Liquid block.
Your Google reviews do the most good on the page where someone is deciding. Here are the three ways to get them there, step by step, and the Google rules on attribution and review markup.
Put your customers’ own words on the pages that sell. Start your 7-day free trial today.
Nothing to install • 7 days free • No credit card required