Grids · 3 of 23

The even grid layout

Every card in a row is given the same height, so the rows line up exactly: the row is as tall as its longest testimonial and the shorter cards stretch to meet it, with the name staying at the foot of each. Nothing is cut and nothing scrolls. Order is preserved, left to right.

Live — the widget script itself, not a picture of it.

Fit

Where it reads well

Best for: A page whose whole design is on a grid and would notice a ragged edge.
How many to show: Six, nine or twelve — a number that fills its rows.

Embed

Putting it on your page

One tag. The layout is a query string, so changing your mind later does not mean touching the page again.

The tag for this layout

<script src="https://hazelsong.com/widget/YOUR-SLUG.js?template=grid" async></script>
<div id="hazelsong-wall"></div>

Your own slug is in your dashboard, with the tag ready to copy. Works on WordPress, Shopify, Webflow, Squarespace, Framer, Wix, or a file you wrote by hand — see where the tag goes on each one. Add &theme=dark for a dark page, or &tag=onboarding to show only the testimonials you gave that label — the label is one you added in your dashboard, and the narrowing is done on the server, so the page never receives the rest.

Alternatives

If this is not quite it

GridsWallThe whole set, in cards, as many columns as fit.GridsCompactSmall cards, tight gaps, many at once.GridsMasonryCards packed by height, no gaps left behind.

All 23 layouts

Put the even grid on your page

All 23 layouts are on every plan, on as many pages as you like.

Start collecting Back to the gallery