Base Plus Add Ons

About this block

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.

When to use

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

• A Features section to establish what Core covers
• A Testimonials section for proof before the ask

After

• An FAQ section for questions about mixing and matching extras
• A Footer to close out the page

What you can display

The obvious fit is a flat base plan with priced modules. A few other ways to use the frame:

• Service retainers. Present a core retainer on the left and bookable services, like audits or workshops, as the extras.
• Hardware and accessories. Show a device or bundle as the base and list warranties, mounts, or spare parts with their prices.
• Support levels. Keep the product price fixed and let the extras column sell response times, onboarding, and training.

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.