← Back to Conversion Optimization
Conversion Optimization•7 min read•March 17, 2026

How to Build a Wall of Love That Converts Visitors

Step-by-step guide to creating a testimonial wall of love page. Layout patterns, content strategy, and placement tips that turn social proof into signups.

Philippe
Founder @ TooSimple

A wall of love is a dedicated page (or section) showcasing all your testimonials in a masonry grid layout. When done right, the sheer volume of social proof creates an overwhelming sense of trust. Here's how to build one that doesn't just impress — it converts.

What Is a Wall of Love?

A wall of love is a visual mosaic of customer testimonials, typically displayed in a multi-column masonry layout where cards vary in height based on content length. Unlike a carousel (which shows one testimonial at a time) or a grid (which shows 3-6), a wall of love displays dozens of testimonials simultaneously, creating a "can't-be-faked" impression of social proof through volume.

The term was popularized by indie SaaS founders and has become a standard pattern on product pages, especially for tools, courses, and digital services. Companies like Linear, Vercel, and Notion all use variations of this pattern.

When to Use a Wall of Love (and When Not To)

Use it when:

  • You have 10+ testimonials — volume is the whole point
  • Your testimonials are genuinely diverse (different industries, use cases, roles)
  • You want a dedicated testimonials page in your main navigation
  • Your target audience values community proof (indie hackers, creators, SMBs)

Don't use it when:

  • You have fewer than 10 testimonials — a sparse wall looks worse than no wall
  • Your testimonials are all from the same type of customer (no diversity)
  • You're selling to enterprise buyers who prefer 3-5 deep case studies over volume
  • Your page needs a focused conversion flow (walls can be distracting)

Step 1: Collect Enough Testimonials

Before building the page, you need the content. Aim for at least 15-20 testimonials before launching your wall. A mix of:

  • 3-5 detailed testimonials (3-4 sentences each) — these anchor the wall
  • 10-15 short testimonials (1-2 sentences each) — these fill the grid and create volume
  • 2-3 video testimonials (optional but powerful) — these add dynamic thumbnails to the visual

Need help collecting? See our guide on how to ask for testimonials and our 50 request email templates.

Step 2: Choose Your Layout

The classic wall of love uses a CSS columns masonry layout, which automatically distributes cards into columns with varying heights. This creates the characteristic "mosaic" look. TooSimple's wall of love widget handles this automatically — you select the layout and the widget renders the masonry grid responsively.

Layout tip

3 columns works best on desktop. On mobile, the widget automatically collapses to 1-2 columns. Don't force more than 4 columns — the cards become too narrow to read comfortably.

Step 3: Curate, Don't Dump

The biggest mistake with walls of love is treating them as a dump for every testimonial you've ever collected. Curate intentionally:

  • Lead with your strongest testimonials. CSS columns render top-to-bottom, so the first items appear at the top of each column.
  • Mix lengths. Alternate between long and short testimonials to create visual rhythm in the masonry layout.
  • Diversify industries and roles. A prospect scanning the wall should quickly find someone who looks like them.
  • Include names, titles, and companies. Anonymous testimonials are significantly less persuasive. Real names with real titles build trust.
  • Remove duplicates and generic praise. "Great product!" adds nothing. Every card should earn its spot.

Step 4: Place It Strategically

Where you put your wall of love matters as much as what's on it:

  • Dedicated /testimonials page — The most common placement. Link from your main navigation. Good for SEO (targets "testimonial" keywords).
  • Below your pricing page — Reinforces value at the decision point. Visitors seeing 50 happy customers while evaluating pricing feel more confident.
  • In your sales/proposal docs — Link to your wall of love in proposals and outbound sales emails as a "see what our customers say" reference.

Step 5: Add a CTA

A wall of love without a call-to-action is a dead end. Always include:

  • A clear CTA button at the top and bottom ("Start Free," "Try It Yourself")
  • A link to your pricing page for visitors ready to evaluate cost
  • Optionally, a "Leave your own testimonial" link to your collection form — this turns the page into a self-reinforcing flywheel

Building It with TooSimple

TooSimple's wall of love widget handles the technical implementation:

  1. Collect testimonials via your shareable form link
  2. Approve the best ones in your dashboard
  3. Create a widget and select "Wall of Love" layout
  4. Customize columns, colors, card styling, and which testimonials to include
  5. Copy the one-line embed code and paste it on your page

The widget is a lightweight ~3KB gzipped initial download, responsive by default, and supports both light and dark themes.

Create your wall of love →

wall of lovesocial proofconversiontestimonial display