Upgrade Proration Summary
An upgrade confirmation showing the plan change, prorated line items with credit, the amount due today, next renewal, and confirm actions.
An upgrade confirmation showing the plan change, prorated line items with credit, the amount due today, next renewal, and confirm actions.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Upgrade Proration Summary is the final confirmation before switching from Team to Business, effective immediately. A plan chip pair shows $49/mo moving to $149/mo, then a ruled list breaks the math into two lines: the Business charge for the 28 days left this cycle at $135.24, and a credit for unused Team time of $44.35, netting to $90.89 due today.
Line items sit above the component as a typed array. A payment method row shows the card on file, a muted panel previews the $149.00/mo that starts at the next renewal, and the confirm button repeats the exact amount so the charge never surprises anyone.
Reach for this block as the last step of an upgrade, shown in a dialog or on a dedicated confirm route after the user picks a higher plan. Wire Confirm and pay to your checkout, and keep the user on Team if the charge fails.
A natural flow around it on an Application Pro page:
Before
After
One strong use is a mid cycle upgrade with proration. Other summaries:
Tip: repeat the exact amount due on the confirm button so the number the user approves matches the number they are charged.