Screens and Components
Filters and Conditions
Changing a Component's Visibility
How to Add Components from the Marketplace
Digital Purchases for In-App Purchases
Sign in with Google
Sign in with Apple
Bar Charts and Line Graphs
Stripe Connect Marketplace
Configuring Stripe Test Mode
Stripe Custom Actions
Legacy Stripe Components (Deprecated)
Stripe Payment is used for One-Time Payments for goods or services
Skill Level: Intermediate
Before You Begin
Ensure you have created a
account, added your business information and bank account information, and completed any required verification.
To add the Stripe component
1) Click the "+" button to open the Add Panel
2) Scroll down to
Drag the Stripe Payment component onto your checkout screen
To configure the Stripe Payment component
Click the "Connect with Stripe" button and follow the prompt to connect your Stripe account to your Adalo account by entering your Stripe Credentials
In the Stripe Payment section:
Enter the amount you want to charge your users. This can be the same amount for everyone, or you can
use Magic Text or a
to set a variable amount.
In the Charge Description section:
Enter the text that should appear on your user's credit card statements to explain the change. You can also use Magic Text here such as "Current Product Name"
In the Receipt Email section:
specify the email address of the User that should receive email confirmation of the purchase. This is also how you will identify the customer in your
In the Submit Button section:
You can edit the text and styles of the submit button as well as add Actions like linking to the next screen or Custom Action to get the Stripe information and attach it to your User.
Test Mode section:
Allows you to enter your Stripe Test Secret Key and Test Publishable Key and toggle on/off to test transactions.
to use this feature.
Note: Stripe is supported in many countries but not all. Check out the latest list
Enter your Stripe Test Secret Key and Test Publishable Key into Payment component.
Stripe | API Keys Documentation
can walk you through setting this up in your Stripe Account
Open Previewer and complete payment flow as normal.
Stripe | Test Mode Card
for the scenario you want to test.
Enter card info and select 'Pay Now'
When you have finished testing your Payment component and want to go Live, you will have to disable the Test mode.
If you need additional help with this article, you can always ask in our
! Be sure to paste the link to this article in your post as well!
Before You Begin