Step 1. Create or Open Your Project in Onboarding Online
Log in to Onboarding Online and either create a new project or open an existing one.
Step 2. Connect Stripe to Your Project
Make sure Stripe is connected by following the integration process in your project settings.
Add your Stripe products (subscriptions or one-time purchases) to the project.
Step 4. Create or Open Your Onboarding Sequence
Open the onboarding sequence where you want to integrate the email field and the Paywall with Stripe or Paddle checkout.
Step 5. Add a Screen to Collect the Email
Insert a screen before the Paywall to capture the user’s email.
Option A: Using TitleSubtitleField
Add a TitleSubtitleField screen.
In its settings, set the type to
String
.Set the label to
Email
.
With this setup, validation is enabled, and an error message will appear if the email format is incorrect.
Step 6. Add the Paywall and Stripe Products
Step 7. Configure Email Usage with Web Link
Click the Web Link button on the top panel.
Enable the option User Email Screen.
Select the screen ID where the email is collected.
This ensures the collected email is passed into the Stripe/Paddle checkout settings.
Step 8. Finish the Web2App Setup
Click on Create or Update to apply the changes.
Example: How the Email Will Be Used
When the user enters their email on the specified screen:
The email will be automatically passed to the Stripe checkout session or Paddle checkout.
If correctly formatted, it will be pre-filled in the checkout form.
If required (Email Type), the user won’t be able to proceed without entering a valid email.
This results in a smoother checkout experience and reduces the likelihood of errors.