dmilic_best-practices | Stripe Developers | Page 1

dense cedarBOT Jan 16, 2025, 2:09 PM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1329452540638527530

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

dmilic_best-practices, 4 hours ago, 11 messages

#

little nova Jan 16, 2025, 2:22 PM

#

👋 happy to help!

#

Show only card payment (without apple pay, google pay, amazon pay)
Pass googlePay: false and don't add an pass a merchantIdentifier (For Apple Pay)
https://docs.stripe.com/payments/accept-a-payment?platform=react-native#react-native-apple-pay
https://docs.stripe.com/payments/accept-a-payment?platform=react-native#add-google-pay

#

Hide card payment and show other types (in our case google, apple and amazon pay
Don't use PaymentSheet in this case

#

Use instead the direct API:
https://github.com/stripe/stripe-react-native/blob/master/example/src/screens/GooglePayScreen.tsx
https://github.com/stripe/stripe-react-native/blob/master/example/src/screens/ApplePayScreen.tsx

slate ore Jan 16, 2025, 2:46 PM

#

I am talking about React web app and not react-native. I am using PaymentElement component.

#

#

I only managed to find a way to hide apple and google through a wallet prop in options. But I cant hide amazon pay. Also dont know how to hide card

dense cedarBOT Jan 16, 2025, 2:49 PM

#

little nova Jan 16, 2025, 2:49 PM

#

Ah sorry

#

In that casa you should use Express Checkout Element for wallet payments only

#

And not Element
https://stripe.com/docs/elements/express-checkout-element/accept-a-payment

#

Because you if you disbale card on Element then the Wallet will disapear too

slate ore Jan 16, 2025, 2:51 PM

#

Alright I understand. Now we are left only with the issue how to leave only card and remove the rest

tacit hollow Jan 16, 2025, 2:51 PM

#

👋 stepping in

#

So assuming you are using Dynamic Payment Methods (you aren't passing payment_method_types server-side or client-side) then you control this from your Dashboard at: https://dashboard.stripe.com/test/settings/payment_methods

slate ore Jan 16, 2025, 2:54 PM

#

We are not using Dynamic Payment Methods but we will look into it. So it is possible that inside the same react app, we render once only card payment and in another case google/apple/amazon ?

tacit hollow Jan 16, 2025, 2:57 PM

#

Yeah there are a couple ways to control the payment method types you show... you can either set them explicitly via payment_method_types (and in this case you disable wallets when you create Payment Element via https://docs.stripe.com/js/elements_object/create_payment_element#payment_element_create-options-wallets as apple_pay and google_pay fall under the card payment method type) or you use Dynamic Payment Methods which you can also use Payment Method Configurations (https://docs.stripe.com/payments/payment-method-configurations) to have multiple different configurations of Dynamic Payment Methods.

slate ore Jan 16, 2025, 2:59 PM

#

Great, I will try the Payment Method Configurations approach. Thank you very much !

#dmilic_best-practices