Skip to main content
Walls and grids

Testimonial list widget for sidebars and rails

Reviews stacked in compact rows, one under another, for the narrow places a grid cannot go.

Last updated

Customize the Testimonial ListStart 7-Day Free Trial
  1. 1Step 1Testimonial List chosenNot the right fit? Compare every layout side by side.Compare layouts
  2. 2Step 2Customize itColors, fonts and card style, previewed live as you change them.Open the builder
  3. 3Step 3Embed itPaste one snippet into Webflow, Framer, WordPress, Shopify or any site.See how to embed

Customize the Testimonial List

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
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
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 List

Jamie Whitfield
Jamie Whitfield

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

Google logoReview from Google
David Anderson
David Anderson

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

Trustpilot logoReview from Trustpilot
Kieran Walsh
Kieran Walsh

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

G2 logoReview from G2
Allison Bennett
Allison Bennett

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

Google logoReview from Google
Katelyn Ruiz
Katelyn Ruiz

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

Product Hunt logoReview from Product Hunt
Powered byStoryProof
Testimonial List

Try this widget on your website

Copy the code below and paste it into your website.

<div data-storyproof-demo data-layout="list"></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 List widget?

The Testimonial List draws one review per row: a small photo, then the name, stars and date on one line, with the quote underneath. Rows are divided by a thin rule rather than boxed, so even a long list stays light.

It is the most economical of the written layouts across the page. It needs height rather than width, which makes it the natural fit for a sidebar, a documentation rail or the column beside a sign-up form.

Where the Testimonial List works best

  • Blog and docs sidebars, where the column is too narrow for cards side by side.
  • Beside a form or an order summary, to keep a few reviews in view while someone fills in fields.
  • Long single-column pages, where vertical space is cheap and a grid would feel cramped.

When to choose a different layout

  • Choose the Review Grid when you have a full-width section and want reviews side by side.
  • Choose the Timeline when the order and the dates of the reviews are the point.

What the Testimonial List can show

Reviewer photo, name, job title and company, star rating, date, platform badge and the review text, plus attached photos or video. Card colour, border and corner radius style the list as a whole.

Setting it up

  1. 1Keep the number of reviews modest in a sidebar, so the rows do not push the rest of the column down.
  2. 2Truncate long reviews so every row stays quick to scan.
  3. 3If you would rather not give it permanent space, the list can open as a centred pop-up instead of sitting inline.

Testimonial List questions

Where does a testimonial list work best?

Anywhere narrow: a blog or docs sidebar, the column next to a form, or a single-column page. It needs height rather than width.

Can a list show video testimonials?

Yes. With photos and video switched on, attached media appears in the row, and you can show the written review beside the clip.

How is the list different from the timeline?

Both are a single column. The list is a compact stack in whatever order you sort it. The timeline puts each review on a dated spine and is built to show proof building up over time.

Related layouts

Further reading: Review widgets: what they are and how to choose one · Compare every layout

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
Previous layoutReview GridEven cards, equal heightsNext layoutTimelineNewest first, down a dated spine

Every StoryProof widget layout

19 layouts, each with its own page, live preview and setup guide. Pick by where the widget will sit on your site.

Walls and grids

One story at a time

Video

Strips and banners

Compact proof

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