Usage Estimator Slider
One slider for contacts, the matching plan and price computed live with the CTA labeled.
One slider for contacts, the matching plan and price computed live with the CTA labeled.
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
Usage Estimator Slider answers what will this cost me in one gesture. The slider walks contact volume through realistic steps, the matching plan and price update live, and the result card carries the CTA labeled with the plan it resolved to. The lede states the pricing model in one line, contacts only, sends unlimited.
A client block on the ui slider with a small tier lookup, the steps array keeps slider positions on the numbers people actually have rather than a linear scale.
Reach for this block above or beside the pricing table when plans key off a single dimension. If pricing needs two sliders, use the calculators group shapes instead.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is contact tier pricing with real boundaries. Other estimators:
Tip: step the slider through the numbers customers actually have, 2,500 and 25k, not a smooth scale that lands on 13,742.