Stripe Subscription
You can use the Stripe subscription component to let your users sign up for paid subscriptions plans for your software or services.
Skill Level: Intermediate
Before You Begin
Ensure you have created a Stripe account, added your business information and bank account information, and completed any required verification.
Users must be Logged in for the Subscription Component to work.
Walkthrough
Stripe Subscription
Set up your Product in Stripe
Enter Product information
Add the Stripe Subscription Subscription Component to your App
1) Click the "+" button to open the Add Panel
2) Scroll down to Installed
3) Drag the Stripe Subscription Component onto your checkout screen
Configure your Subscription Payments Component
Click the Connect with Stripe button to connect your Stripe account
In Stripe Subscription Section:
Copy your Price Plan ID (price_stringID) from Stripe to Adalo and input in the Stripe component that says price_id
Select your Product
Copy the ID and then paste it into Adalo
PriceID will look something like: price_1IHCB8FAwoyiOM0lgJc2v4ec
In Email Field section:
You must 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 Stripe Dashboard and is how the Component will know there is an active subscription.
Test Mode:
Configure Test Mode to use this Feature.
Using the Subscription Component
Please Note: There is no option to receive User Subscription data or validating Active Subscriptions from Stripe using the Component. This must be done with a Custom Action using the Stripe | API Documentation
Test Mode
Toggle on Test Mode in component
Enter your Stripe Test Secret Key and Test Publishable Key into Subscription component.
Stripe | API Keys Documentation can walk you through setting this up in your Stripe Account
Set up Test Product in Stripe
Enter Product information
Update Price_ID in Subscription component.
Open Previewer and complete payment flow as normal.
Select appropriate Stripe | Test Mode Card for the scenario you want to test.
Enter card info and select 'Pay Now'
Products created in Test Mode can be copied to Live mode but will have a different price_ID
Testing Successful
When you have finished testing your Subscription component and want to go live you will have to disable the Test mode and make sure you change the Price ID to a Live product.
Help
If you need additional help with this article, you can always ask in our community forum! Be sure to paste the link to this article in your post as well!
Last updated