Grids · 1 of 23

The wall layout

Every testimonial as its own card, laid in columns that reflow to the width they are given. Cards keep their natural height, so a long testimonial is not cut and a short one does not stretch. This is the default, and the one most pages should start with.

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

Fit

Where it reads well

Best for: A page section headed "What our customers say," on any width.
How many to show: Six upward; it is at its best above about nine.

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=wall" 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

GridsMasonryCards packed by height, no gaps left behind.GridsEven gridCards of equal height, in strict rows.GridsCompactSmall cards, tight gaps, many at once.

All 23 layouts

Put the wall on your page

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

Start collecting Back to the gallery