Deprecated: Creating and Testing Stripe Integration

Stripe is an online payment processing and credit card processing platform for businesses. Adding this integration to your Flow allows safe and efficient processing of funds via credit card or bank and transfers those funds to the your account

How to integrate Stripe?

Step 1: Create a Stripe component

  • Add a new component and choose Stripe Checkout as Component Type
  • Go to the Optionstab of the Component and select an Action
  • If you select One Time Payment you'll have to introduce the Amount to charge and the Billing Info that would probably be taken from inputs that have already been completed in the Flow.
  • If you select Subscription you'll have these settings and some extra ones as Trial Period, Price ID and One Time Price ID. These fields refer to different price settings in your Stripe account. For example, if you sell different products at different prices you should create a computed field that returns the price ID for the product selected in the Flow.
Example of computed field to return the Price ID
function result( { price_amount, } ) {
switch (price_amount) {
case '10': {
return { price: 'price_1JPT8TI9DDfHR2LquGl'
case '20': {
return {
price: 'price_1JPT8TI9DDfHR2LqSxaU'
case '25': {
return { price: 'price_1JPT8TI9DDfHR2LqHgc'

Step 2: Test the integration

  • Publish the Flow
  • Run two Tests:
    • Test Stripe credentials (4242 4242 4242 4242 and 42424… for all the other details)
    • Run through a live test of payments with real card details