Cancel Flow Blueprint
Cancel subscription dialog showing what you keep until the period ends, what changes after, a downgrade suggestion, and an optional reason select.
Cancel subscription dialog showing what you keep until the period ends, what changes after, a downgrade suggestion, and an optional reason select.
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
Cancel Flow Blueprint is the cancel subscription dialog rendered in open state as a static scrim and centered card. It names the renewal date (Jul 1), lists what you keep through that date including exported data and the audit trail, then lists what changes after using Minus icons for custom domains deprovisioned at 00:00 UTC and SSO removed. A muted suggestion box offers Downgrade to Starter at $0 with the exact tradeoff stated: the 8-seat limit drops to 1, but your data stays. An optional reason Select sends feedback to the product team, not to sales.
The keeps and loses arrays drive both sections. The Keep my plan button is the calm default on the right; Cancel plan sits as an outline button so the destructive action is present but not prominent. This is honest, not a guilt maze.
Reach for this blueprint on any cancel confirmation screen, static for preview and wired to your cancel endpoint in production. Never suppress the downgrade alternative; it reduces involuntary churn without a dark pattern.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the end-of-period cancel flow. Other cancel or downgrade dialogs:
Tip: state the exact date and time in UTC so users in any timezone can calculate when access actually ends.