Review cards let you showcase individual customer feedback in a structured grid — each card with a title, star rating, description text, and optional avatar. They give visitors specific voices to connect with, not just an overall rating number.
This guide covers adding review cards to your site, choosing what to display on each card, and configuring the layout for maximum impact.
Before You Start
Review cards are a Pro feature. You need Easy Social Proof Pro installed and activated. If you are starting fresh, set up your trust widget first — that is the foundation. Review cards are the next layer.
Adding the Review Cards Block
Open any page in the block editor and click + to add a new block. Search for Social Proof Cards and insert the Easy Social Proof Cards block.
A default card appears immediately. You will build out your cards from the settings sidebar on the right — click the block first, then the gear icon if the sidebar is not visible.
Setting Up Individual Cards
Each card has four elements:
Title — the name that appears at the top of the card. For customer reviews, this is typically the person’s name or “Sarah T., Marketing Manager.” For research citations, it could be the study name.
Star rating — the rating this individual review represents. Each card has its own rating, so your 5-star reviews and your 4-star reviews can coexist naturally. Showing a mix of ratings (mostly 5s with some 4s) actually looks more credible than a wall of perfect scores.
Description text — the review content. Keep these concise — two to three sentences work best in a card format. Long paragraphs do not read well in a grid layout.
Avatar — an optional photo for the card. Customer headshots are ideal if you have them. If not, AI avatars from Easy Social Proof Pro can fill this role, or you can leave avatars off entirely for a text-focused layout.
Adding More Cards
In the sidebar panel, you will see your existing cards listed. Use the controls to add new cards, reorder them by dragging, or remove cards with the delete button.
How many cards should you display? Three to four is the sweet spot for most pages. Enough to establish a pattern without overwhelming the section. Two looks sparse. Six or more starts to feel like a wall that visitors scroll past.
Configuring the Grid Layout
Columns
Choose 1, 2, 3, or 4 columns for your grid:
- 1 column — stacked vertically. Works for sidebar placements or narrow content areas. Each card gets full width.
- 2 columns — a clean pairing. Works well with four cards (two rows of two) or when cards have longer text.
- 3 columns — the most popular choice. Three cards in a row creates a balanced section that fits standard content widths.
- 4 columns — for pages with more horizontal space or when you want to display many cards compactly. Cards will be narrower, so keep text shorter.
The grid is responsive — regardless of your column setting, cards will stack on smaller screens so they remain readable on mobile.
Text Alignment
Choose left, centre, or right alignment for the text within each card.
Left alignment reads most naturally for longer review text — it matches how visitors expect to read paragraphs. Centre alignment works well for short testimonials (one or two sentences) and creates a more polished, designed look. Right alignment is rarely used but available if your layout calls for it.
Styling the Cards
Card Background Colour
Set the background colour of each card using the hex colour picker. White or light grey is the safest default — it lets the text stand out without competing with your page design. A subtle brand colour can work if it is light enough to maintain text readability.
Text Colour
The colour of all text within the cards. Dark grey or black on a light card background gives the best readability. If you are using a dark card background, switch to white or light text.
Border Width and Border Colour
Add a border around each card for definition. A 1px light grey border provides subtle separation between cards and the page background. Heavier borders (2-3px) in a brand colour can create a more distinctive look.
Set border width to 0 for borderless cards if you prefer a cleaner, modern appearance — especially if your cards have a background colour that already separates them from the page.
Where to Place Review Cards
Review cards work best in dedicated social proof sections rather than squeezed between other content.
Pricing pages — between the pricing table and the buy button. Visitors actively weighing a purchase decision want to see what paying customers think. Three cards with specific results (“increased signups by 34%”) can tip the balance.
Homepage — below the hero section as a dedicated testimonial section. This is where most visitors first encounter your brand, and seeing real feedback early builds the trust that carries through the rest of the page.
Landing pages — in the middle section, after you have explained your offer but before the final call to action. Review cards provide the bridge between “this sounds interesting” and “I should try this.”
About page — customer voices alongside your brand story reinforce that real people use and value what you offer.
Choosing What to Display
Customer Reviews
The most common use. Each card shows a customer name, their rating, and a quote about their experience. Choose reviews that:
- Mention specific outcomes, not just generic praise
- Cover different aspects of your product (ease of use, results, support)
- Come from customers who represent your target audience
- Include the customer’s role or company if it adds credibility
Research Citations
Review cards are flexible enough to display research findings alongside (or instead of) customer quotes. A card with the title “Invsp CRO Research” and a description summarising their conversion rate findings works just as well structurally. This is particularly useful for newer businesses that want to build credibility through data rather than (or in addition to) customer testimonials.
Case Study Highlights
If you have detailed case studies, review cards can display the headline results — the customer name, a standout metric as the title, and a one-sentence summary. These act as teasers that link visitors to the full case study.
Making Review Cards Work With Your Trust Widget
The trust widget and review cards serve different purposes and work best together:
Your trust widget communicates the big picture — “Trusted by 2,347 marketers” with a 4.8-star rating and a row of avatar faces. It answers “is this popular and well-rated?”
Your review cards provide the detail — specific customer voices saying specific things about specific results. They answer “what do people actually say about it?”
Place your trust widget in the hero section where it establishes immediate credibility. Place review cards further down the page where visitors who are already engaged want deeper proof before committing.
Together, they create a complete social proof narrative: a strong overall impression followed by individual voices that reinforce it.
For more on combining different types of social proof effectively, read Social Proof Examples That Actually Increase Sales.
For an overview of all Pro features, read Easy Social Proof Pro: Everything in the Upgrade.