Skip to content

Supabase Flow Example: Upgrading subscription plan

Preview this Supabase user flow: Upgrading subscription plan. Explore the opening screens.

Preview these flows

This flow guides a user through upgrading their project's subscription plan on Supabase, including customization options, payment setup, and confirmation.

Magnific logo
Pricing plans | Magnific (formerly Freepik) screen
Pricing plans | Magnific (formerly Freepik) screen
Pricing plans | Magnific (formerly Freepik) screen

User views in-app pricing tiers, selects plan with monthly or annual billing and seat count, then completes payment in checkout modal to upgrade subscription

User encounters promotional paywall modals on dashboard, proceeds through Stripe checkout with discounted yearly offer, handles payment entry and errors, completes subscription upgrade

User starts in workspace memory settings, opens upgrade modal from sidebar, selects Launch tier, completes subscription checkout form, sees connecting state, and lands on billing settings page showing new plan and credits.

Dock logo
Dock · Settings screen
Dock · Settings screen
Dock · Settings screen

User starts in Billing Settings to compare Free/Standard/Premium/Enterprise plans then completes checkout by entering billing address, payment method, and reviewing order to upgrade.

User compares Pro, Business, and Enterprise tiers across billing overlays, modals, and settings pages, toggles annual vs monthly billing, configures add-ons like seats, and manages payment details to complete an upgrade from Free tier.

Beside logo

Starting trial

10 screens

·
FromBeside
Beside | Join - Beside screen
Beside | Join - Beside screen
Beside | Join - Beside screen

User encounters hard paywalls across auth and app surfaces, selects yearly or monthly plan with discounts, enters payment details, and activates free trial for AI receptionist features

User creates avatar video via script input, avatar/voice selection and AI generation in HeyGen, encountering paywall for advanced features

Explore the full SaaS flow library

Browse the full SaaS flow library.

Trusted by the best teams