Common flow recipes
This section walks through how to build the most common screen templates in the Flow Builder — element by element, from the layout choices to the interactions. Some guides continue into your app code, where a flow hands its result back. Each guide is self-contained and uses the standard Flow Builder elements.
Create a basic paywall screen
Step-by-step guide to building a standard paywall screen in the Flow Builder.
Show all plans in a bottom sheet
Build a hero paywall with a single CTA, a 'Show all plans' link, and a bottom sheet that reveals the full product list.
Create a paywall with tabs
Build a paywall screen with two tabs that switch between different feature lists, product groups, and purchase actions.
Show different features per product
Show a different feature list depending on which product the user selects, using conditional visibility.
Show an offer when users tap close
Intercept the first close tap to show a last-chance offer before users leave the paywall.
Show a strikethrough price with a discount badge
Cross out the monthly plan's price next to the yearly plan's effective monthly price to make the discount visible at a glance.
Respond to purchase outcomes
React to every purchase outcome in your app code, and open a second flow when the purchase succeeds.
Build a paywall with a trial toggle
Switch a paywall between products with and without a free trial, and keep the selected product in step with the toggle.
Build a personalized onboarding flow
Walk through the full process of building a multi-screen onboarding flow — screens, content, navigation, and conditional branching — using a worked example.
Follow this quickstart video to create a basic personalized flow:
Want to learn more about building flows? Watch step-by-step video tutorials in our YouTube playlist.