Cost Breakdown Bars
Two stacked bars totaling an old tool stack against one shorter Acme bar with an itemized legend.
Two stacked bars totaling an old tool stack against one shorter Acme bar with an itemized legend.
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
Cost Breakdown Bars makes consolidation visible. The left column carries a heading, a paragraph, and an itemized legend: five old stack tools with monthly prices, each keyed to a muted swatch, and a final primary row for Acme with its single price. The right column is a bordered panel with two vertical bars: the old stack stacked from its five segments with the total above it, and a visibly shorter primary bar for Acme beside it.
The old stack is one array of label, cost, and segment height, shared by the legend and the bar, so adding or removing a tool updates both at once. The opacity ramp for the segments is a small class list. Totals are plain strings, and the bar heights are percentages, so the chart is honest exactly as far as your numbers are.
Reach for this block when the buying objection is price and your answer is consolidation. It argues total cost of ownership in one image, where competitor-table argues it in rows and old-way-new-way argues it in prose. Pick switch-banner when you want a slimmer nudge, or alternative-cards when you compare against named categories rather than a stack of line items.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is replacing a marketing point tool stack. Other stacks the bars can total:
Tip: keep the Acme bar around half the stacked height, a sliver bar reads as too good to be true and invites doubt instead of relief.