wabi-subscription-paymentmethods | Stripe Developers | Page 1

fast lightBOT Oct 11, 2023, 5:01 PM

#

calm lintel Oct 11, 2023, 5:01 PM

#

Hello

#

What integration for Apple Pay are you using here?

lilac bronze Oct 11, 2023, 5:02 PM

#

I was looking at this? https://stripe.com/docs/payments/wallets

#

Stripe has other options?

calm lintel Oct 11, 2023, 5:04 PM

#

Yeah there are a few different ways you would integrate Apple Pay... like Payment Element vs. Express Checkout Button for instance.

#

Do you already have an integration running?

lilac bronze Oct 11, 2023, 5:10 PM

#

Yes, we currently create subs with cc using stripe. Now we want to look into accepting apple pay and google pay

#

venmo and paypal too

calm lintel Oct 11, 2023, 5:12 PM

#

Okay and how do you collect card details right now?

lilac bronze Oct 11, 2023, 5:14 PM

#

with a setup intent

calm lintel Oct 11, 2023, 5:14 PM

#

And Payment Element?

lilac bronze Oct 11, 2023, 5:16 PM

#

this https://stripe.com/docs/payments/save-and-reuse

#

is that a payment element?

fast lightBOT Oct 11, 2023, 5:17 PM

#

calm lintel Oct 11, 2023, 5:18 PM

#

Can you share an example PaymentIntent ID for your current flow?

#

That would probably be easiest here

lilac bronze Oct 11, 2023, 5:18 PM

#

okay

#

For apple pay for mobile app we were looking into this https://stripe.com/docs/payments/accept-a-payment?platform=react-native&ui=payment-sheet#react-native-apple-pay

#

Let me get you a paymentintent ID. We have a web app and a mobile app so different approaches

#

I'll get you an ID though

#

pi_3O05pMF5n5KjLa7R1SnrKXpj

calm lintel Oct 11, 2023, 5:21 PM

#

Okay so looks like you actually currently use Card Element to collect new cards on the Web

lilac bronze Oct 11, 2023, 5:22 PM

#

calm lintel Okay so looks like you actually currently use Card Element to collect new cards ...

thanks for taking a look

calm lintel Oct 11, 2023, 5:23 PM

#

So you likely are going to want to look into integrating Express Checkout Element (https://stripe.com/docs/elements/express-checkout-element) for Apple/Google Pay. This already does force billing address collection by default (see: https://stripe.com/docs/elements/express-checkout-element/accept-a-payment#handle-click-event) so you will have a full billing address on the collected PaymentMethod in that flow.

lilac bronze Oct 11, 2023, 5:24 PM

#

That suggestion is for web right?

calm lintel Oct 11, 2023, 5:24 PM

#

Correct

lilac bronze Oct 11, 2023, 5:24 PM

#

what about for mobile?

calm lintel Oct 11, 2023, 5:25 PM

#

If you are going to use Payment Sheet for React Native then you can force full billing detail collection via the billingDetailsCollectionConfiguration. See: https://stripe.com/docs/payments/accept-a-payment?platform=react-native&ui=payment-sheet#collect-billing-details

lilac bronze Oct 11, 2023, 5:27 PM

#

Thank you. Is apple pay / google pay / venmo / paypal an option for subscriptions with automatic collection?

calm lintel Oct 11, 2023, 5:30 PM

#

Apple Pay and Google Pay, yes. I believe Paypal would also work but you would have to set it up for future use via a SetupIntent like we show here: https://stripe.com/docs/payments/paypal/set-up-future-payments before you could use with a Subscription. We don't support Venmo.

obtuse marsh Oct 11, 2023, 5:33 PM

#

wabi-subscription-paymentmethods

lilac bronze Oct 11, 2023, 5:33 PM

#

Thank you for that link. Do you know if you have one similar for setting up apple/google pay for subscription payments?

calm lintel Oct 11, 2023, 5:36 PM

#

It is pretty much the same as with a normal Card for Apple/Google Pay... you get a PaymentMethod client-side, you create the Subscription and pass the Invoice's PaymentIntent's client secret back to your client, then you call confirmPayment(). It is similar to the flow here: https://stripe.com/docs/billing/subscriptions/build-subscriptions?ui=elements

#

Alternatively if you want to use a similar flow to what you are doing right now with a SetupIntent then you can do that too and just use confirmSetup() with the PaymentMethod that the wallet generates.

#

Then you set that PaymentMethod as the default on the Customer and create the Subscription

#

Looks like that is what you are doing right now with Card Element + SetupIntent

#wabi-subscription-paymentmethods