Skip to main content
Review Widgets

Grid Layout Widget

Show many reviews at once in a clean, balanced grid of review cards.

Written By ProofBeer

Last updated 15 days ago

What is the Grid Layout widget?

The Grid Layout widget displays your reviews as a balanced, multi-card grid with a clear hierarchy. Each card can show the reviewer, rating, date, platform and full review text.

  • Responsive: columns adjust to desktop, tablet and mobile.

  • Rich cards with photo, name, stars, verified badge and platform icon.

  • Supports a Load More button for long lists of reviews.

Best use cases

  • Dedicated reviews or testimonials page: give visitors a full page of proof.

  • Homepage social proof section: show 6 to 9 of your best reviews below the hero.

  • Service or product pages: back up your claims with real customer words.

  • Local businesses: showcase Google reviews directly on your own site.

How it helps your business

  • Builds trust fast: visitors see many happy customers at a glance.

  • Improves conversions: real reviews reduce doubt before a purchase or enquiry.

  • Saves time: reviews update automatically from your sources.

  • Shows depth: longer reviews tell a more convincing story than a short quote.

Where to place it

  • Below the main banner on your homepage.

  • Above the pricing table or call-to-action section.

  • On a standalone Reviews page linked from your menu.

How to set it up

  1. Open Review Widgets and choose Grid Layout.

  2. Click Get Started or Create New Widget.

  3. In Sources, tick the review sources to display.

  4. In Layout, choose Grid or List View, pick 1 to 4 desktop columns and set the item spacing.

  5. Turn on Show Load More Button if you have many reviews.

  6. Click Save, then Install, and paste the iframe code into your page.

Customization tips

  • Use 3 columns on wide pages and 2 columns in narrower sections.

  • Use the Post tab to hide fields you do not need, such as the date.

  • Set a minimum rating in Post to show only 4 and 5 star reviews.

  • Add an Overall Rating Summary in the Header tab to show your average score.

Frequently asked questions

How many reviews should I show?

Six to twelve works well for most pages. Use Load More for the rest.

Can I mix Google and form reviews?

Yes. Tick several sources in the Sources tab and they appear together.

Was this helpful?

Still need help? Ask the team