Per Seat Calculator
A seat slider that totals a flat per seat rate beside the included feature list.
A seat slider that totals a flat per seat rate beside the included feature list.
The Marketing Pro Collection unlocks the source for every Marketing Pro block. All Access unlocks every Collection.
Already purchased? Log in
Per Seat Calculator opens with a centered heading and a one-sentence summary of the pricing model. Below that sits a single rounded card split into two columns. The left column shows a large live total and a seat count that update as the visitor drags a slider from 5 to 100 seats. A full-width CTA button and a short reassurance line about billing sit beneath the slider. The right column lists every included feature, each preceded by a check icon, so a buyer can weigh the cost and the value in one glance.
The heading, subheading, and per-seat rate are all plain copy you can replace. The feature list is an independent array, so you can add, remove, or reword items without touching the calculator logic. The slider range and step size are constants at the top of the file and are straightforward to adjust for your team size distribution.
This layout is the right choice when your product charges a flat fee per user and you want buyers to self-qualify before they reach a sales call. It works especially well for a fintech or banking product where finance teams need to confirm a monthly figure fits their budget before requesting procurement approval. Compared to a static two-tier card layout, the interactive total removes the mental arithmetic that often stalls a decision.
A natural flow around it on a Marketing Pro page:
Before
After
The block has three distinct swappable parts that each serve a different persuasion role:
Tip: keep the feature list to five or six items so the two columns stay roughly equal in height and the card feels balanced at all viewports.