ReTestimonial
Sign inStart free
WidgetsListL·06

Alternating List

Testimonial cards that zig-zag left and right down the page, with connectors and a scroll reveal that give a long list rhythm.

yoursite.com — Alternating ListLIVE RENDER
<div class="retestimonial-widget" data-widget-key="alternating-list">the same runtime your visitors would see. Not a screenshot.
Demo content — illustrative examples, not real customers

This is the real widget, rendered live by the same runtime your visitors would see — go ahead, click around.

Why this style works

Built to convert, not just to decorate.

Rhythm down the page

Alternating sides give a long list a visual beat, so scrolling through many testimonials feels like a journey rather than a wall of text.

Reveals as you scroll

Cards animate into view as they enter the viewport, keeping attention moving down the page and each testimonial feeling like its own moment.

Sides, connectors and width are yours

Choose which side the list starts on, the connector style between cards, whether markers show, and how wide the cards run.

One tag, isolated and async

Rendered in Shadow DOM and loaded asynchronously — the zig-zag and scroll reveal never touch your page's CSS or its load speed.

Where to put it

Placements that earn their pixels.

Story and timeline sections

The alternating rhythm suits a narrative — walk visitors through customer stories as if down a timeline.

Long landing pages

Break up a long page with a proof section that has movement and structure instead of a flat stack.

Process and journey pages

Pair each step of a customer journey with a matching quote, alternating down the page.

Live in three steps

From first testimonial to first embed.

01

Collect your testimonials

Gather text and video testimonials with collection forms, import them from CSV, or sync reviews straight from Google, G2, Capterra, Trustpilot, Product Hunt and social media.

02

Pick this style in the builder

Choose the style, then make it yours — colors, fonts, spacing, and per-element design controls, with a live preview of exactly what will ship.

03

Paste one script tag

Copy the embed snippet into any website — WordPress, Webflow, Shopify, Framer, Next.js, anything that renders HTML. Publish updates from the dashboard without touching your site again.

The whole integration

Paste once. Restyle forever from the dashboard.

<div class="retestimonial-widget" data-widget-key="alternating-list"></div>
<script src="https://retestimonial.com/embed.js" async></script>
Shadow DOM — zero CSS conflicts~6KB, loads asyncPublish changes without redeploysWorks on any platform

Your widget key is generated when you create the widget — start free and this snippet is yours (demo key shown: alternating-list).

Keep browsing

Other styles worth a look.

All widget styles →
Questions, answered

Everything else you'd ask.

Can I add the Alternating list without touching code?

Yes — copy the embed snippet from the builder and paste it into your page. It's one script tag and a div, and it works on WordPress, Webflow, Shopify, Framer, Wix and custom sites.

Which side do the cards start on, and can I change it?

You choose — start the zig-zag on the left or right, set how wide the cards run, and decide whether adjacent cards overlap slightly for a tighter weave.

What connects the cards, and do they animate in?

Pick a line, dots or no connector between cards, show or hide the markers, and turn on the scroll reveal so each card animates into view as you reach it.

Can I choose what shows on each card?

Yes — toggle avatars, ratings, dates, sources and company names, and restyle each element with per-element design controls.

Is the Alternating List free?

List widgets, including the Alternating List, are available from the Pro plan. The free plan includes the Carousel, Masonry, Badge and Video widget types — and you can preview every style in the builder first.

L·06 · Alternating List

Put this widget on your site today.

Free plan, no card, no code. Collect your first testimonial and this exact widget can be live within the hour.