Common flow recipes

This section walks through how to build the most common screen templates in the Flow & Paywall 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 & Paywall Builder elements.

Reuse elements across flows

Save a plan selection, a timeline, or a whole screen to a file, then add it to any other flow — in the same app or a different one.

Name IDs for analytics

Give your flow's screens, inputs, and quiz options readable IDs, so the events they send to Amplitude or Mixpanel read as names instead of codes.

Create a basic paywall screen

Step-by-step guide to building a standard paywall screen in the Flow & Paywall 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: