Chat Style Quotes
Testimonials as a chat thread with alternating bubbles, avatars, and timestamps in a framed window.
Testimonials as a chat thread with alternating bubbles, avatars, and timestamps in a framed window.
Search blocks by description or jump to a page.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Chat Style Quotes presents testimonials as a conversation. Under a centered heading and lede, a chat window with header chrome and a channel name holds three message bubbles that alternate sides, each with an avatar, name, role, a lightweight timestamp, and the quote as the message body. One bubble fills with the primary color the way a sent message would, which keeps the thread visually alive.
The messages are one array holding name, role, time, text, avatar, and side, so the thread regrows in any order and length, four or five messages still read naturally. The bubbles are plain rounded divs with one corner squared toward the sender, no images anywhere, and the window chrome is the same markup pattern used by the mockup heroes.
Reach for this block when you want testimonials to feel overheard rather than staged. The chat frame implies customers talk about you when you are not in the room, which is a different kind of proof than the formal quotes of three-column-quotes or the press style of pull-quotes-stack. It also breaks up pages that already use a classic quote block elsewhere. Pick social-cards when you want the posts to feel public rather than private.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is a community thread about switching tools. Other conversations that work:
Tip: keep the timestamps minutes apart, a thread that unfolds over a morning reads as real enthusiasm, one spread over weeks reads as curated.