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.
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:
- Collect testimonials via your shareable form link
- Approve the best ones in your dashboard
- Create a widget and select "Wall of Love" layout
- Customize columns, colors, card styling, and which testimonials to include
- 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.