Stripe Payment

🕒 Estimated Reading: 2 minutes
📂 Location: Payment Gateway → Stripe Payment Gateway

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

📌 What is this file for?

Welcome to the Stripe integration guide. In this document, you’ll learn how to sign up, obtain API keys, and integrate Stripe into your application via the Admin Panel.

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

🔍 What is Stripe?

Stripe is a powerful online payment solution that enables internet businesses to accept payments securely. It supports credit cards, wallets, bank transfers, and much more. Stripe handles billions of dollars every year for companies across the globe.

📎 Click here for more details about Stripe

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

📝 Sign Up or Log In

• If you already have a Stripe Developer Account, log in.
• If not, sign up and create a new business account.

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

🛠️ How to Get Your API Keys

1.If your login is successful then you need to click on developer options. We’ve included a screenshot below.

2. Click on the API Keys Tab. We’ve included a screenshot below.

3. Here the publishable key and secret key will be generated. We’ve included a screenshot below.

NOTE

Here if you can see a switch with label “Test mode” which is disable but it’s default value is true. Which means the keys you generated are test keys. If you go through Account Activation then you’ll be able to toggle the Test Mode.

4. If you click Activate Account and complete the account activation then you can create live keys.

5. Here the publishable key and secret key will be generated for live. We’ve included a screenshot below.

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

🧩 Add the Keys to the Admin Panel

Once your keys are generated, follow these steps:

1. Open the Admin Panel.

2. Go to Settings → Payment Method.

3. Enable the Stripe Payment switch.

4. Paste the Publishable Key and Secret Key into their respective fields.

5. Click Submit to apply the changes.

🎉 Congratulations! Stripe Payment is now configured in your application.

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

🧪 Test Stripe Integration

Use the following test card details to simulate payments during development:

Card Number	Description
4242 4242 4242 4242	Succeeds and immediately processes the payment.
4000 0025 0000 3155	Requires authentication. Stripe will trigger a modal asking for the customer to authenticate.
4000 0000 0000 9995	Always fails with a decline code of insufficient_funds.

🔒 Use any CVC, postal code, and future expiration date.
⚠️ These cards only work in Test Mode and will fail in Live Mode.

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

❌ How to Remove Stripe Payment

If you want to remove Stripe from your app, follow the steps below:

Step 1 – Remove from pubspec.yaml

flutter_stripe: LATEST_VERSION

Then run the following command:

flutter pub get

⚠️ If you’re unsure about code dependencies, it’s recommended to only remove from the Admin Panel instead of editing files manually.

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

✅ Done! You’ve successfully integrated or removed the Stripe Payment Gateway.

/ / / / / / /

Estimated reading: 3 minutes

Welcome to Stripe! In this guide, you will learn how to sign up for a Stripe account and obtain API keys necessary for integrating Stripe into your website or application.

STRIPE PAYMENT GATEWAY

Stripe is the best software platform for running an internet business.We handle billions of dollars every year for forward-thinking businesses around the world.

Click here For more details about the Stripe payment gateway.

If you have an existing Stripe Developer Account,Log in to the account.

Otherwise, Sign up and create a new business account.

1.If your login is successful then you need to click on developer options. We’ve included a screenshot below.

2. Click on the API Keys Tab. We’ve included a screenshot below.

3. Here the publishable key and secret key will be generated. We’ve included a screenshot below.

NOTE

Here if you can see a switch with label “Test mode” which is disable but it’s default value is true. Which means the keys you generated are test keys. If you go through Account Activation then you’ll be able to toggle the Test Mode.

4. If you click Activate Account and complete the account activation then you can create live keys.

5. Here the publishable key and secret key will be generated for live. We’ve included a screenshot below.

Add Generated Keys To Admin Panel

Now you’ve successfully generated keys please navigate to Admin Panel and follow the steps mentioned below

• Navigate to Settings → Payment Method.
• Enable the switch for Stripe Payment.
• Paste Secret Key under the Secret Key field and Publishable Key under the App Key fields.
• Save the changes.

TIP

Congratulations! Your Stripe Payment configuration is done.

Test Stripe Pay

Here we have provided some of testing credentials for App –

If you want to add your new payment gateway then buy our paid support for the same.

Use Only in Test Mode

You can use these test cards to make payments in test mode only. Using these for live mode payments will throw card issuer is invalid or invalid card input error.

Test Cards Details for stripe payment​

There are several test cards you can use in test mode to make sure this integration is ready. Use them with any CVC, postal code, and future expiration date.

Number	Description
4242 4242 4242 4242	Succeeds and immediately processes the payment.
4000 0025 0000 3155	Requires authentication. Stripe will trigger a modal asking for the customer to authenticate.
4000 0000 0000 9995	Always fails with a decline code of insufficient_funds.

Remove Stripe Payment

REMOVE STRIPE PAYMENT

• We are recommended you to follow only second Step if you don’t know about dependency and code

If you want to remove Razorpay payment gateway option then follow below Steps:

Step 1- Go to pubspec.yaml and remove the ‘flutter_stripe: LATEST_VERSION’ from the file

flutter_stripe: LATEST_VERSION