Confusion on doc about Apple Pay & Google Pay using Checkout

[flora8984461]

Thanks to the pre-built example which is really nice! But I have a confusion about the Apply Pay & Google Pay document for Stripe Checkout (the pre-built Stripe hosted page).

On the doc https://stripe.com/docs/apple-pay?platform=web#accept it says You can start accepting Apple Pay payments on the Web using Checkout or Elements. No additional configuration is required to use Apple Pay in Checkout. It directs me to the example code to the Payment Request Button if using Element.

But I don't see any example code that uses pre-built Checkout with Apple pay or Google Pay. I am confused about how to implement Apple Pay and Google Pay just with pre-built Checkout?

I tried with https://checkout.stripe.dev/preview to explore the Checkout, and on the 3rd step there is a button with Apply Pay, but nothing is there and still no clue how to implement it.

I found there is an issue stripe-samples/accept-a-payment#1 stating Unfortunately, all of the payment request demos have so many restrictions around https and having cards setup in chrome / google pay settings that it'll be hard for anyone to test locally. Is this the reason why there is no sample code for apply pay?

Thanks! Any help is really appreciated!

[cjavilla-stripe]

Hey there! Sorry for any confusion. When using Stripe Checkout, there's no special code required to implement Apple Pay or Google Pay. Instead creating and redirecting to a Checkout Session with at least the card payment method type should suffice.

The payment request button is only for custom forms.

It can be a little tricky to test These mobile wallets, so be sure to review the docs about testing to ensure you have cards configured in the browsers wallets and you're testing with the most recent browser versions.

[flora8984461]

@cjavilla-stripe Thank you so much for your quick response.
I have created and redirected to a Checkout Session with the card payment method. But the page is not showing anywhere I can use Apple Pay / Google Pay.

Maybe I need to do some configuration and it will automatically be invoked?

Thanks again!

[flora8984461]

@cjavilla-stripe
Sorry, I just realize it was because I am using React Native Webview inside Expo Managed workflow, I just tried to get the URL and uses it in the mobile browser, the apple pay displays.

Closing since I understand it now. Thanks for the explanation!

[cjavilla-stripe]

Awesome. Thanks for following up :)