ReTestimonial
Sign inStart free
WidgetsAvatarsA·03

Avatar Grid

A wall of real customer faces next to a rotating quote — human proof at a glance.

yoursite.com — Avatar GridLIVE RENDER
<div class="retestimonial-widget" data-widget-key="avatar-grid">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.

Faces before words

Visitors process faces long before they read a line of copy. A grid of real customers says "people like you use this" in the first glance.

Volume made visible

Twenty faces communicate scale in a way a lone five-star quote can't. The grid turns your customer base itself into the proof.

Quotes on rotation

Beside the wall, testimonials rotate automatically — the faces set the credibility, the quotes deliver the specifics.

Compact and self-contained

One script tag, Shadow DOM isolation, async loading. It sits happily in a hero, a sidebar, or a full-width band.

Where to put it

Placements that earn their pixels.

Hero trust strips

Under your hero CTA, the grid answers "is anyone actually using this?" before the visitor thinks to ask it.

Signup and checkout pages

The last step is where doubt spikes. A wall of faces beside the form is quiet reassurance at the exact moment of hesitation.

Community and course pages

Selling access to a community? Show the community. The grid literally pictures who they'll be joining.

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-grid"></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-grid).

Keep browsing

Other styles worth a look.

All widget styles →
Questions, answered

Everything else you'd ask.

Where do the avatar photos come from?

From your testimonials — photos submitted through your collection forms, imported with CSV, or carried over from synced review platforms and social posts.

What if some testimonials don't have a photo?

You control which testimonials feed the widget, so you can curate photo-rich ones by hand — or let Auto-Sync rules pick, and cards without photos fall back gracefully.

Can I choose how many faces show?

Yes — set the grid's columns and size in the builder, and choose exactly which testimonials (and therefore faces) are included.

Will it slow my page down?

No — the embed script loads asynchronously and renders in Shadow DOM, isolated from your page's CSS and JavaScript.

Is the Avatar Grid free?

Avatar widgets are available from the Pro plan. The free plan includes the Carousel, Masonry, Badge and Video widget types — and you can preview the Avatar Grid, and every other style, in the builder before upgrading.

A·03 · Avatar Grid

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.