Base Plus Add Ons
A split pricing section pairing a base plan card and feature checklist with a stack of priced extras and a hairline estimated total row.
A split pricing section pairing a base plan card and feature checklist with a stack of priced extras and a hairline estimated total row.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Base Plus Add Ons makes the pricing decision feel like a menu rather than a ladder. The left card carries a single base plan with its name, a one line audience, a flat monthly price, a checked list of what is included, and a pill CTA. The right column stacks the extras, each row pairing an icon tile with a name, a one line description, and its own monthly price.
A hairline separated total at the bottom of the stack adds the base plan and every extra together, so visitors can see the ceiling of what the product could cost before they commit. The section is fully static, driven by two small typed arrays, and drawn with theme tokens so it reads cleanly in light and dark mode.
Reach for this block when you sell one core product and monetize depth instead of tiers, the way infrastructure tools price a base platform with paid modules on top. It works well for products where most teams start identical and diverge later: everyone relates to the single Core card, and the extras column quietly previews the upgrade path without pushing anyone into a bigger tier on day one.
A natural flow around it on a Marketing Pro page:
Before
After
The obvious fit is a flat base plan with priced modules. A few other ways to use the frame:
Tip: keep the estimated total honest by listing every extra in the stack. If an extra has custom pricing, leave it out of the math and link to sales instead.