Annual Toggle Two Tier
Two plan cards under a monthly and annual switch that updates prices with a savings badge.
Two plan cards under a monthly and annual switch that updates prices with a savings badge.
The Marketing Pro Collection unlocks the source for every Marketing Pro block. All Access unlocks every Collection.
Already purchased? Log in
Annual Toggle Two Tier opens with a centered heading and a short subline, then a billing period row: a "Monthly" label, a toggle switch, an "Annual" label, and a small pill badge that reads "save 20%". Below that, two plan cards sit in a two-column grid. Each card shows the plan name, a one-line description, a large price that updates when the toggle switches, a billing cadence note, a full-width CTA button, and a checklist of feature lines with check icons. The Business card carries a primary-tinted border ring that distinguishes it as the featured tier.
The heading and subline are independent copy you can rewrite freely. The two plans are driven by a plain data array, so you can adjust names, prices, feature lists, and CTA labels without touching the layout. The "featured" flag on any plan controls the highlighted border, so you can shift emphasis by moving it to the other card or removing it entirely.
Reach for this block when you need a concise pricing section that surfaces two tiers and lets visitors commit to an annual rate without leaving the page. It works well on a logistics or delivery platform where operators compare a starter team plan against a business-grade plan with automations, and where an annual commitment is worth calling out clearly. It is a better fit than a three-tier layout when the product truly has two meaningful price points, because the side-by-side comparison stays tight and the toggle carries most of the decision weight.
A natural flow around it on a Marketing Pro page:
Before
After
Both cards share the same structure, so most changes apply symmetrically across tiers:
Tip: keep the feature lists unequal in length between tiers so the Business card visibly offers more, which reinforces the upgrade argument.