In motion · 22 of 23

The tabs layout

A row of names across the top and one testimonial underneath, changing as the reader chooses. The row is one stop for the keyboard and the left and right arrow keys move along it, so the names are not thirty presses of Tab between somebody and the rest of the page. The only layout here where a visitor can go looking for one particular customer — which is exactly what somebody comparing two suppliers is trying to do.

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

Fit

Where it reads well

Best for: A page read by buyers who know your existing customers by name.
How many to show: Three to nine, with recognizable names.

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

ListsStoryFace on one side, words on the other, alternating.One at a timeSingleOne on its own, large — the first your ordering gives.In motionSpotlightOne at a time, large, with dots underneath.

All 23 layouts

Put the tabs on your page

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

Start collecting Back to the gallery