How to Accept Payments from Different Payment Methods in FlutterFlow

Before writing any code, configure which payment methods Stripe Checkout should offer. Log in to Stripe Dashboard → Settings → Payment Methods. You will see a list of all available methods. Enable the ones relevant to your customers: Cards is enabled by default. Apple Pay and Google Pay: toggle ON — these appear automatically on eligible devices when customers use Stripe Checkout (no extra code needed). Klarna (buy now, pay later): toggle ON — appears for orders above the minimum amount in supported countries. Afterpay/Clearpay: toggle ON for AU, NZ, US, UK. ACH Direct Debit (US bank transfers): toggle ON for US customers. SEPA Direct Debit: toggle ON for EU customers. Link (Stripe's fast checkout): toggle ON to let returning Stripe customers pay with one click. Each method has eligibility requirements displayed in the Dashboard — review them before enabling.

Deploy a Cloud Function named createCheckoutSession. It receives the cart data and returns a Stripe Checkout URL. Install the Stripe Node SDK: npm install stripe in your functions directory. The function calls stripe.checkout.sessions.create with mode: 'payment' for one-time purchases or mode: 'subscription' for recurring. Set automatic_payment_methods: {enabled: true} to let Stripe automatically show all enabled methods. Add your success_url and cancel_url (these are the pages users return to after checkout — use your FlutterFlow app URL with a query parameter indicating success or cancellation). Store your Stripe secret key as a Cloud Function environment variable STRIPE_SECRET_KEY — never in FlutterFlow.

1const functions = require('firebase-functions');
2const stripe = require('stripe')(process.env.STRIPE_SECRET_KEY);
3
4exports.createCheckoutSession = functions.https.onCall(async (data, context) => {
5  if (!context.auth) {
6    throw new functions.https.HttpsError('unauthenticated', 'Login required');
7  }
8
9  const { items, currency = 'usd' } = data;
10
11  const lineItems = items.map(item => ({
12    price_data: {
13      currency,
14      product_data: { name: item.name, images: [item.imageUrl] },
15      unit_amount: Math.round(item.price * 100) // Stripe uses cents
16    },
17    quantity: item.quantity
18  }));
19
20  const session = await stripe.checkout.sessions.create({
21    mode: 'payment',
22    line_items: lineItems,
23    automatic_payment_methods: { enabled: true }, // shows all enabled methods
24    success_url: 'https://your-app.com/payment-success?session_id={CHECKOUT_SESSION_ID}',
25    cancel_url: 'https://your-app.com/cart',
26    customer_email: context.auth.token.email,
27    metadata: { userId: context.auth.uid }
28  });
29
30  return { checkoutUrl: session.url, sessionId: session.id };
31});

In FlutterFlow's API Manager, add an API Group named StripeFunctions with base URL https://us-central1-{your-project}.cloudfunctions.net. Add an API Call named createCheckout: method POST, path /createCheckoutSession, body: {"data": {"items": [cartItems], "currency": "usd"}}. In your Cart page's Checkout Button Action Flow: (1) Call the createCheckout API Call, passing the cart items from App State. (2) Save the returned checkoutUrl to a Page State variable. (3) Add a Launch URL action using the checkoutUrl. This opens the Stripe Checkout page in the device's browser. Stripe handles all payment method collection, PCI compliance, and order confirmation. Add a success query parameter handler on your FlutterFlow home or success page to detect when the user returns from Stripe.

If your app sells digital content (subscriptions, premium features, virtual items), Apple and Google require using their native In-App Purchase (IAP) system — Stripe Checkout is not allowed for this category. Add the in_app_purchase Flutter package as a Custom Action in FlutterFlow (Custom Code → pubspec: in_app_purchase: ^3.1.0). Create a Custom Action named initIAP that calls InAppPurchase.instance.isAvailable() to check availability and InAppPurchase.instance.queryProductDetails to load your configured product IDs. On purchase button tap: call InAppPurchase.instance.buyNonConsumable (one-time) or buyConsumable (consumable). Listen to InAppPurchase.instance.purchaseStream for completion. Verify the purchase receipt on a Cloud Function using the Apple/Google verification APIs before granting access. IAP is separate from Stripe — it goes through the App Store (30% fee) or Google Play (15-30% fee).