In this article, we cover how to use the user's email entered on the screen with a text field in the Stripe checkout session.
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.
Ensure Stripe is connected to your project by following the Stripe integration process.
3. Add Stripe Products to Your Project
Add your Stripe products (subscriptions or one-time purchases) to the project.
4. Create or Open Your Onboarding Sequence
Open the onboarding sequence where you want to integrate the email field and Stripe checkout.
5. Add a Screen with a Text Field
Add a screen with a text field to your onboarding sequence before the paywall.
Select and drag and drop it from templates:
You can configure the text field in two ways:
String Type: If the user enters an email in the correct format, it will be used in Stripe. If the user enters incorrect data or leaves the field empty, they will be prompted to enter their email manually on the Stripe checkout screen.
Email Type: The user must enter a valid email format. The entered email will be used in Stripe for further setup.
6. Add Paywall and Stripe Products
Add the paywall to your onboarding sequence and add your Stripe product to it.
7. Configure Email Usage in Web Link
Click on the Web link button on the top panel.
You will see a 'User Email screen' option.
Turn on the checkmark and select the screen ID with the text field where the email is collected.
8. Finish the Web2App Setup
Complete the Web2App setup.
Example of How 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. If the email is correctly formatted (in the case of String Type) or mandatory (in the case of Email Type), it will be pre-filled in the Stripe checkout process. This ensures a smoother checkout experience for the user and reduces the likelihood of errors.
