Stripe Payment

🕒 Estimated Reading: 2 minutes

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 Secret Key and APP Key  into their respective fields.

5. Click Save 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.