Quote With Metrics
A featured customer quote card beside a divided grid of two big result numbers.
A featured customer quote card beside a divided grid of two big result numbers.
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
Quote With Metrics opens with a centered heading and a one-sentence context line, then drops into a two-column layout. The left column is a card holding a full blockquote and an avatar attribution row at the bottom. The right column is a divided grid of two stat cells, each showing a large result number and a short label beneath it.
The heading, lede, quote text, avatar, attribution name and role, and each stat value and label are all independent pieces of copy. You can swap any of them without disturbing the layout. The stat grid always renders two cells side by side; adding or removing a stat will change the grid rhythm, so keeping exactly two is the safe default.
Reach for this block on a product analytics SaaS marketing page when you want a single customer voice paired with hard numbers in the same visual unit. It works better than a plain quote banner when you have concrete before-and-after metrics to show, and better than a full case study section when you want the proof to stay compact and scannable on a feature or pricing page.
A natural flow around it on a Marketing Pro page:
Before
After
The frame suits any scenario where one customer story maps directly onto two measurable outcomes. A few ways to fill it:
Tip: make the stat labels specific rather than generic. "Lower cost per qualified lead" lands harder than "cost reduction."