ReTestimonial
Sign inStart free
WidgetsAvatarsA·06

Card Flip

Customer faces on cards that flip in 3D to reveal the testimonial on the back — a small, playful reward for a moment of curiosity.

yoursite.com — Card FlipLIVE RENDER
<div class="retestimonial-widget" data-widget-key="avatar-card-flip">hover a card — it flips in 3D.
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.

Curiosity, rewarded

A face on the front is an invitation; the flip to the story on the back is the payoff. That small interaction makes proof feel like something to explore.

Faces first, words on demand

The front keeps the section clean and human — a grid of customers — while the full testimonials stay one flip away for anyone who wants them.

Flip behavior is yours

Choose whether cards flip on hover or click, the flip direction and duration, the card style, and whether the name shows on the front.

One tag, isolated and async

It renders in Shadow DOM and loads asynchronously, so the 3D animation never inherits your CSS bugs or blocks the page.

Where to put it

Placements that earn their pixels.

Playful, interactive brands

For products with personality, a grid of flipping cards is proof that matches a fun, tactile tone.

Interactive proof grids

Give a proof section a reason to be touched — visitors flip the customers whose stories catch their eye.

Team and community pages

Show a wall of members whose cards flip to reveal what they had to say.

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="avatar-card-flip"></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: avatar-card-flip).

Keep browsing

Other styles worth a look.

All widget styles →
Questions, answered

Everything else you'd ask.

Can I add the Card Flip avatars 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.

Do the cards flip on hover or on click?

Your choice — set the trigger to hover or click, pick the flip direction and duration, and the cards reveal the testimonial on the back either way.

What shows on the front of each card?

The customer's face, and optionally their name, in the card style you choose — flat, elevated or bordered — so the grid looks right before anything is flipped.

Does it pull in new testimonials automatically?

It can — curate the cards by hand, or turn on Auto-Sync so testimonials matching your rules join the grid as they arrive, with no republish needed.

Is the Card Flip widget free?

Avatar widgets, including Card Flip, 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.

A·06 · Card Flip

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.