Sign inStart free
WidgetsMasonryM·04

Proof Bento

One grid, every kind of proof — a live rating, the numbers, the faces and the quotes, arranged like a bento box instead of a wall of paragraphs.

yoursite.com — Proof BentoINTERACTIVE PREVIEW
<div class="retestimonial-widget" data-widget-key="proof-bento">Click any quote tile to open the full testimonial.
Demo content — illustrative examples, not real customers

This interactive preview uses the same widget design and controls — go ahead, click around. Published embeds run in an isolated production runtime.

Why this style works

Built to convert, not just to decorate.

Different proof, one composition

A rating tile, metric tiles, a customer-count tile and quote tiles sit in the same grid. Visitors who scan numbers and visitors who read stories both find their evidence in one glance.

The rating tile is live

It reads the average and review count from the testimonials in the widget — no hand-typed “4.9 stars” to go stale the next time you add a review.

Quotes stay the majority

The composer caps the accent tiles at half the grid, so the board can never turn into a stat block with a token quote. Real customer words keep the floor.

It fits where you put it

The grid tracks are container-driven, so the same embed reflows from a three-column landing section to a narrow sidebar without breakpoint guesswork.

Where to put it

Placements that earn their pixels.

Homepage proof sections

One embed instead of a stats strip, a testimonial carousel and a logo row stacked on top of each other.

Pricing pages

Rating, outcome numbers and customer quotes next to the plans, where the hesitation actually happens.

Category and solutions pages

A compact proof block per segment — the metrics that matter to that audience, backed by their peers' words.

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="proof-bento"></div>
<script src="https://cdn.retestimonial.com/embed.js" async></script>
Shadow DOM — zero CSS conflicts<11KB, 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: proof-bento).

Keep browsing

Other styles worth a look.

All widget styles →
Questions, answered

Everything else you'd ask.

What decides which tile goes where?

You choose the grid size (6, 8 or 10 tiles) and which special tiles appear. The composer then fills the grid in priority order — video, rating, your metrics, the avatar count — and gives every remaining slot to a quote, keeping quotes in the majority.

Where does the video tile come from?

The first video testimonial in the widget, shown as a poster that opens the full testimonial on click. If the widget has no video testimonials, the tile is simply absent and the grid closes up around it — which is why the demo on this page shows the text-only composition.

Do I write the metrics myself?

Yes — each metric is a value, a unit and a label you author, linked to the testimonial that reported it. On Premium and Business plans, AI can suggest metrics from your analyzed testimonials, and you approve or edit each one.

Can the bento grid auto-scroll?

No — the bento layout is deliberately static. Tile spans and a moving marquee don't mix, so the animated mode is hidden for this style. Use the Animated Masonry Wall when you want motion.

Is Proof Bento free?

Yes — it's a Masonry-family widget, included on the free plan with ReTestimonial branding. AI-suggested metrics are a Premium feature; the grid itself isn't gated.

M·04 · Proof Bento

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.