ReTestimonial
Sign inStart free
WidgetsAvatarsA·04

Avatar Bubbles

Chat bubbles paired with the avatar doing the talking, new messages arriving on their own — proof that feels like a live conversation.

yoursite.com — Avatar BubblesLIVE RENDER
<div class="retestimonial-widget" data-widget-key="avatar-bubbles">new messages keep arriving on their own.
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.

Proof that feels live

New bubbles keep arriving on their own, so the section feels like an active conversation rather than a static list — momentum you can see.

A face on every message

Pairing each quote with the customer's avatar makes the praise feel personal and real, the way a message from someone you know does.

Flow and style are yours

Set the bubble alignment and style, whether timestamps show, and the auto-scroll speed — or turn the motion off for a static thread.

One tag, isolated and async

It renders in Shadow DOM and loads asynchronously, so the chat styling never leaks into your page or slows it down.

Where to put it

Placements that earn their pixels.

Community and coaching sites

Member and client praise reads naturally as chat — a fitting format for people-first brands.

Personal brands

For solo founders and creators, a live-feeling stream of messages matches a one-to-one relationship with your audience.

Support-led products

If responsive support is your edge, praise framed as arriving messages reinforces that human, in-the-moment feel.

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

Keep browsing

Other styles worth a look.

All widget styles →
Questions, answered

Everything else you'd ask.

Do I need a developer to add the Avatar Bubbles?

No — copy the embed snippet from the builder and paste it into any page. It's one script tag and a div, so anyone who can edit a page can add it.

Do new bubbles really arrive on their own?

Yes — with auto-scroll on, the widget cycles a window of testimonials so fresh messages keep sliding in. You set the speed, and it pauses on hover so any bubble can be read.

Can I change the bubble alignment and style?

You can — alternate the bubbles side to side or keep them to one side, choose a rounded, sharp or modern bubble shape, and show or hide timestamps.

How does it look on mobile?

It's fully responsive — the bubbles reflow to the screen width and stay readable, so the chat layout works well on phones as on desktop.

Is the Avatar Bubbles widget free?

Avatar widgets, including Avatar Bubbles, 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·04 · Avatar Bubbles

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.