Widget layouts
A Google reviews grid that is easy to scan
Put several review cards on the page at once, with a tidy row structure that works for short or medium-length comments.
Updated October 2026
Example reviews · fictional preview
The 4.8 rating and the reviews above are example data. A published widget shows the real rating and reviews of the business you connect.
Where a review grid belongs
A grid is a good choice for a dedicated testimonials section on your home page or a service page with enough width for multiple cards. Visitors can compare comments side by side without waiting for a moving widget or opening a panel. This makes it suitable when several customers mention different parts of your service, such as punctuality, communication, and finished work.
Place the grid after you have explained the service and before a strong next step, such as a contact form. A descriptive heading gives the reviews context. If your business serves unrelated audiences, use a named collection for each relevant page. Do not label a filtered set as a separate Google listing. The rating in the header is still the full listing rating.
Set the number and shape of cards
Choose two, three, or four columns in the builder, then set the gap between cards (0 to 32 pixels). Three columns can fit short comments on a wide page; two gives long text more room. Four needs more horizontal space, so preview it in the actual page section before publishing. The grid keeps cards aligned in rows. If your reviews vary a lot in length and you want the cards to keep their natural heights, compare the masonry layout.
Content controls include a minimum star rating, maximum review count, sort order, and whether to hide reviews without text. You can also hide single reviews with the “Hide from widget” button on the reviews page in your dashboard. Card settings cover background and text colors, fonts, spacing, borders, corner radius, shadows, star color, photo display, and dates. Use the truncation setting if one very long review makes its card far taller than its neighbors. The reader can open the rest with a read-more button.
How the grid responds on smaller screens
The published widget adapts to its own width, not the screen width. A container under about 800 pixels uses no more than two columns. A container under about 500 pixels shows one card per row. This is why the same grid can live in a full-width home page section and a narrower content area. The page will become taller on a phone, though. The grid also never uses more columns than it has reviews, so two reviews in a four-column grid fill two wide columns. Check the builder’s mobile preview, then check the live page with its surrounding margins.
Keep the section lean
A grid renders all selected cards in the section, so a very high review limit can turn a short page into a long one. Show enough variety to answer a visitor’s questions, then consider linking to a fuller review page for people who want more. The embed is a script, and the builder offers lazy loading for images. Hiding reviewer photos can also make the section more text-focused.
Add a grid in three steps
- Add a business with its Google Maps link, then create a reviews widget.
- Select Grid, choose the column count and gap, narrow the review selection if needed, and preview phone width.
- Copy the script tag from the dashboard into your page’s custom code block. Publish and check the section in context.
Platform-specific instructions for WordPress, Wix, and Shopify are linked below. The Max Reviews menu offers 5, 10, 20, 50, or all (up to 100), and the default is 10. To show an exact number, such as six cards in two rows of three, put those six reviews in a named collection. The Free plan imports up to 20 reviews, which is plenty for a home page grid.
Example: a photography studio
A photography studio saves six reviews in a collection and shows them in a two-row grid under its packages. The first row covers how relaxed the session felt, the second covers delivery time of the final photos. A three-column setting gives a compact shape on desktop, and the widget drops to fewer columns on phones. A heading such as “What clients say” tells visitors these are customer reviews, not the studio's own claims.
After publishing, compare card heights using real reviews. If one long review leaves a gap in its row, shorten its initial display or switch to masonry. If names and photos take more room than the text, hide the photos.
Frequently asked questions
How many columns can I choose?
The builder offers two, three, or four columns. The published widget reduces the count in narrower spaces.
Does a grid scroll horizontally?
No. Cards appear in rows. Choose a carousel for a horizontal strip.
Can I show only recent reviews?
You can sort by newest and set a maximum number of reviews. Review collections and manual selection offer more control.
What if one review is much longer?
Use the truncation and read-more settings, or consider masonry when varied card heights are part of the design.
Will a grid add review stars to search results?
No such result is guaranteed. Google’s rules generally prevent a business from showing review snippets for its own reviews.
Build a clear review grid
Choose your columns, select the reviews, and check the layout on a phone.