Skip to main content

Customize the Testimonial Wall

Customization

Stars, buttons and links
#7c3aed
Colors & size
Rating star icon color
#f59e0b
Review card fill color
#0c1020
Reviewer name text color
#ffffff
Quote content text color
#e2e8f0
Type & card shape
How large the whole widget renders
Match my page is usually best. The widget takes on your section color
A different arrangement on phones. Switch the preview to Mobile to see it
Font family used for reviews
Card corner border radius
Card border
#1e293b
How each review card is arranged
Author & Identity
Show avatarProfile photo icon
Show authorFull name of reviewer
Show job title and companyJob position and company name
Show first names onlyTruncates last names, e.g. Jamie W.
Badges & Metadata
Show ratingStar rating icons
Verified badgeVerified buyer badge
Show sourceSource platform, e.g. Google, Trustpilot, G2
Show dateTimestamp, e.g. 2 hours ago
Delivery
Inline, or floating over your page
Text & Media
Cuts the quote and offers the rest behind a link
Show photos and videoPhotos and video attached to a review
Heading & buttons
Show a headingHeader title above widget
Show the overall scoreAn aggregate rating above the reviews
Show a tab per platformOne tab for each review source
Show a call-to-action buttonCall-to-action button
Show a Write a review buttonSends visitors to your review form
Show "Powered by"Footer brand watermark
SAMPLE REVIEWS

LIVE PREVIEW: Testimonial Wall

Verified

“We put the review wall under our pricing table and prospects quote the reviews back to us on calls.”

Jamie Whitfield
Jamie Whitfield
Founder & CEO @ Northbeam Studio
Google logoReview from Google
Verified

“StoryProof made collecting and showing real customer video reviews effortless for us.”

David Anderson
David Anderson
Founder
Trustpilot logoReview from Trustpilot
Verified

“The widget looks native on our site. Nobody can tell it is embedded.”

Kieran Walsh
Kieran Walsh
Co-founder & CEO @ Relay HQ
G2 logoReview from G2
Verified

“Collecting video reviews used to be the hardest part. Now it takes one link.”

Allison Bennett
Allison Bennett
StoryProof customer
Google logoReview from Google
Verified

“Set up in ten minutes, and support answered the one question I had straight away.”

Katelyn Ruiz
Katelyn Ruiz
Product Designer @ The Design Brief
Product Hunt logoReview from Product Hunt
Verified

“Real faces and real voices sell far better than anything we could write ourselves.”

Nathan Carter
Nathan Carter
StoryProof customer
Facebook logoReview from Facebook
Verified

“Shoppers send 30-second clips from their phones, and nothing goes live until I approve it.”

Kylie Sanders
Kylie Sanders
Founder @ Wildstem Botanicals
Shopify logoReview from Shopify
Verified

“Setup took minutes and the reviews started coming in the same week.”

Scott Mitchell
Scott Mitchell
StoryProof customer
Trustpilot logoReview from Trustpilot
Verified

“Our customers actually record. That never happened with our old review form.”

Sarah Thompson
Sarah Thompson
StoryProof customer
G2 logoReview from G2
Powered byStoryProof
Testimonial Wall

Try this widget on your website

Copy the code below and paste it into your website.

<div data-storyproof-demo data-layout="wall"></div>
<script async type="text/javascript" src="https://storyproof.io/widget.js"></script>
See guides for
Shopify logoShopify install guideWordPress logoWordPress install guideWix logoWix install guideWebflow logoWebflow install guideSquarespace logoSquarespace install guideFramer logoFramer install guideNotion logoNotion install guideGhost logoGhost install guideWooCommerce logoWooCommerce install guide
Powered byStoryProof

What is the Testimonial Wall widget?

The Testimonial Wall arranges reviews in masonry columns. Each card keeps its natural height, so a two-line quote and a long story sit next to each other without padding or cropping. It is the layout most people mean when they say “wall of love”.

Because cards are not forced to match, the wall is the easiest place to mix written reviews with video testimonials. Video cards follow the Video shape setting, and you decide whether the written review appears with each clip.

Where the Testimonial Wall works best

  • A homepage, below the hero, when the number of happy customers is the argument and you want visitors to scroll through it.
  • A campaign landing page, to answer “does this work for people like me?” with a dozen voices instead of one.
  • A testimonials section, where visitors arrive wanting to read, not skim.

When to choose a different layout

  • Choose the Review Grid when your page runs on strict rows and every card must line up, or each review should carry exactly equal weight.
  • Choose the Testimonial List when the space is a narrow sidebar or rail, where columns would be cramped.

What the Testimonial Wall can show

Each card can carry the reviewer's name (or first name only), photo, job title and company, star rating, date, platform badge and verified badge, plus photos and video attached to the review. Long reviews can be cut short with the rest behind a link, and the card style setting rearranges every card at once.

Setting it up

  1. 1Walls get tall. Limit how many reviews the widget pulls in, and if a long scroll on phones is a problem, switch the phone layout to a carousel or a marquee.
  2. 2Set the background to transparent so your own section colour shows between the columns.
  3. 3If your reviews come from several sources, turn on a tab per platform so visitors can filter to the one they trust.

Testimonial Wall questions

What is the difference between a testimonial wall and a review grid?

A wall keeps each card at its natural height in masonry columns, so long and short reviews pack together. A grid stretches every card in a row to the same height. The wall suits volume and variety; the grid suits pages where alignment matters.

Can a testimonial wall show video testimonials?

Yes. Video reviews sit in the wall alongside written ones, cropped to the video shape you choose, with the option to show the written review with each clip.

Will a long wall slow my page down?

The embed script loads asynchronously, so it does not hold up the rest of your page, and a placeholder holds the space until the widget is ready. You also choose how many reviews the wall shows.

Is this the same as a hosted Wall of Love page?

No. This widget is a section you embed inside one of your own pages. StoryProof can also host a standalone Wall of Love page for you, which is a separate feature.

1-Line Embed Integration

Embed on Any Platform With One Snippet

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:

FramerWebflowWordPressShopifyNext.js / ReactHTML / Tailwind
embed-widget.html
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>
Loads asynchronouslyEdits apply without re-pasting

Let your customers make the case for you

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