Four Steps to Integrate Stripe Payment Gateway In Your Shopping App

Four Steps to Integrate Stripe Payment Gateway In Your Shopping App

Integrate your App with Stripe instantly using nandbox App Builder

Stripe Payment Gateway is one of the leading platforms that support online businesses, from startups to enterprises to secure payments, manage revenues, and achieve sustainable growth. Same as nandbox, Stripe ensures scalability and reliability with its cloud-based infrastructure.

At nandbox, no-code is the norm; by drag-and-drop and data insertion, you can create and update your Native App in minutes. And so it is for integrating payment gateways in your Shopping App, created by nandbox App Builder.

How to integrate Stripe Payment Gateway in your Shopping App in Four Steps

Step 1: 

Log in to your nandbox Dashboard and head at “Design your App”, where step 4 is your App Settings. On the Categories menu, click on “Finance and Payment” to find Stripe among the other ready-built-in payment modules.

1- Drag and drop the module then,
2- Hit its small gear icon for configurations. 

Drag and drop your Stripe Payment module on your nandbox Dashboard and hit the gear icon for configuration.
Drag and drop your Stripe module on your nandbox Dashboard and hit the gear icon for configuration.

Step 2: 

Upon configuring your Stripe Payment module, you will find three pieces of information are required to complete your payment integration process:

1- API Key
2- Webhook Secret
3- Publish Key

This data is accessible from your Stripe account. So click on “Get your Merchant Account” to go there, either to sign up or log in.

Click on Get your Merchant Account to access or create your Stripe account.
Click on Get your Merchant Account to access or create your Stripe account.

Step 3:

Click on (+) button to add this endpoint URL: https://w1.nandbox.net:4020/stripe/callback

In this webhook you have just created, add these three events to its events details:  

  • payment_intent.succeeded
  • payment_intent.payment_failed
  • payment_intent.canceled

“Click to reveal” the signing secret in order to copy and paste it in your nandbox dashboard as the “Webhook Secret”.

Click here to reveal your Webhoock secret
Click to reveal your Webhook Secret, copy and paste it in your nandbox Dashboard.

Step 4:

Back to your Stripe dashboard, go to the API Key section on the left menu. Here you have two moves left:

  1. Copy the Publishable Key and paste it in “Publish Key” on your nandbox dashboard in Stripe’s configuration.
  2. Copy the secret key and paste it in the “API Key” field.
Simple and swift, has always been the norm of nandbox App Builder.
Simple and swift, has always been the norm of nandbox App Builder.

 

Now, your Shopping App should be linked with Stripe Payment Gateway. If you have questions or you need help, please contact us at [email protected]

Get to know how to create a mobile app in five clicks only!

Leverage the full version of nandbox App Builder and create your mobile app in minutes.