Grids · 5 of 23

The compact layout

The wall at a smaller size: smaller type, tighter gaps between the cards, narrower cards, so more of them fit in a row. A testimonial longer than six lines is shown to six and no further. Built for the case where the point is how many there are rather than what any one of them says.

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

Fit

Where it reads well

Best for: Under a pricing table, or at the foot of a landing page.
How many to show: Twelve upward.

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=compact" 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.GridsEven gridCards of equal height, in strict rows.In motionMarqueeA row that travels on its own, endlessly.

All 23 layouts

Put the compact on your page

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

Start collecting Back to the gallery