In motion · 8 of 23

The spotlight layout

A single testimonial at a large size, advancing on its own, with a dot for each one so a visitor can go straight to one. It stops when the pointer is on it, and it does not move at all for a visitor whose system asks for reduced motion. Made to be read rather than skimmed.

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

Fit

Where it reads well

Best for: A hero, or directly under the headline.
How many to show: Three to eight. Twenty dots are not a control.

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

One at a timeSingleOne on its own, large — the first your ordering gives.One at a timePull quoteThe words alone, set large, centered.In motionCarouselA row you push along, with arrows.

All 23 layouts

Put the spotlight on your page

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

Start collecting Back to the gallery