#6hills_ece-googlepay
1 messages Ā· Page 1 of 1 (latest)
š 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/1425138607961673768
š Have more to share? Add more details, code, screenshots, videos, etc. below.
hi there, is your checkout available somewhere where I could access it? like a publically-accessible dev environment?
unfortunately, not. but I can share any related code snippets are any questions. The API keys are from a sandbox env
gotcha, can you share with me an example Payment Intent ID where you're noticing the problem? like pi_1234 as an example
sure, it's on all of them, but here's an example one: pi_3SFbwA4cOZ7Xf1Lb0M4HsYLa
thanks, looking into it now
for Apple and Google Pay, can you load this link with the device you're using to test? https://docs.stripe.com/testing/wallets?ui=express-checkout-element just want to make sure this isn't a device / browser issue for those payment methods
also you mentioned this error:
The following payment method types are not activated:
- paypal
- klarna
can you tell me where you see that?
yes, I can see all the buttons, etc. Apart from apple pay of course, since I'm on chrome. And klarna is also not showing up unfortunately for all our qa team, so it's multiple devices that are not working
I am seeing that error in browser console, here's a screenshot:
ah I missed the yellow section, sorry. still looking...
and as stated above I can see the Link payment
it does look like paypal is disabled in your payment method settings, can you double check https://dashboard.stripe.com/settings/payment_methods
Sign in to the Stripe Dashboard to manage business payments and operations in your account. Manage payments and refunds, respond to disputes and more.
just not the other 4 that are configured and enabled, apple pay google pay, klarna etc
yeah that's true sorry. Paypal is not in the implementation plan, though Klarna is enabled:
and apple pay and google pay
the domain where we test is also verified
ok and you've made sure to cover all subdomains? like if the url is devtest.yoursite.com, just specifying yoursite.com as the registered domain won't cover it
yes the domain is an exact match, we have included both test.com and subtest.test.com in the verification list
ok good. at this point I think I'll need to take a look at the code you're using to initialize the Express Checkout Element, if you can provide it
sure, it's a react implementation:
`const expressCheckoutElementOptions: StripeExpressCheckoutElementOptions = {
buttonType: {
applePay: "plain",
googlePay: "plain",
paypal: "paypal",
// @ts-expect-error
klarna: "pay",
},
buttonTheme: {
applePay: "black",
googlePay: "black",
paypal: "silver",
// @ts-expect-error
klarna: "outlined",
},
layout: {
maxColumns: 4,
maxRows: 2,
overflow: "auto",
},
buttonHeight: 50,
paymentMethodOrder: ["apple_pay", "google_pay", "paypal", "klarna"],
} as const;
<ExpressCheckoutElement
options={expressCheckoutElementOptions}
onConfirm={onConfirm}
onLoadError={onError}
onCancel={onCancel}
/>`
and the whole flow is wrapped in elements with the following options:
const stripeElementsOptions: StripeElementsOptions = { mode: "setup" as const, setup_future_usage: "off_session" as const, payment_method_types: ["card", "paypal", "klarna"], } as const;
I assumed the code implementation is correct since other enabled payment method (Link) shows up in the app:
just not the other 3 (apple pay, google pay and klarna)
ok, I'm not seeing anything obviously wrong with your code. and just to be clear, you mentioned the buttons aren't showing up "on deployment". are they showing up elsewhere?
no, we are getting basically the same error in browser console as in the deployment on localhost
the same Link button shows up and not the other 3
can you try setting googlePay: always to see if the Google Pay button shows up?
could you assist of that's a setting ExpressCheckoutElement or Elements ? not sure where this is coming from
it's one of the options here https://docs.stripe.com/js/elements_object/create_express_checkout_element
I will try thanks. Could you please hang on, since the deploy takes a while
6hills_ece-googlepay
I'm around so feel free to ask a follow up question if needed
hello, I'm still getting the same result unfortunately :(
Is there a URL I can look at live? That would be the best way to help you debug this
unfortunately not, there's a payment intent that I shared: pi_3SFbwA4cOZ7Xf1Lb0M4HsYLa
PaymentIntent won't really help here
Why isn't possible to give me access out of curiosity? You should be able to reproduce a demo on jsfiddle or similar for example if you are doing this locally, or use ngrok to offer a tunnel
Okay for Klarna I think it's because of a country mismatch between where you are located and where your Stripe account is located.
ok thank you we will test thoroghly again and reopen a new ticket if necessary. Won't waste your time further. Can you please share a reference to this thread in case we need to reopen?
you aren't wasting my time, I'm looking at logs too on our end but it's much harder than seeing the page live
Is there any way you can make a simple demo you can put on a real URL or use ngrok so I can load the page?
also what do you see on https://docs.stripe.com/testing/wallets if you load this
cc @gritty cloud ^
it's an authenticated page where I would have to share credentials and an OTP code
I have an update regarding this
the deploy just finished and after adding google pay always like suggested it showd up
though klarna is still not there
still have this:
yeah for Klarna I said this earlier: I think it's because of a country mismatch between where you are located and where your Stripe account is located.
can you also answer this
also what do you see on https://docs.stripe.com/testing/wallets if you load this
I'm not sure what do I say since it's a pretty big page š„² What am I looking for exactly?
ah my bad, they added tabs now š¤¦āāļø
https://docs.stripe.com/testing/wallets?ui=express-checkout-element load this and tell me if you see the Google Pay button or not
yeah I can see apple pay through safari
and google pay when in chrome, so everything should work apart from Klarna
I will try a VPN now, thanks
Awesome!
vpn did not help unfortunately, but we will continue investigating
thanks for your help anyway!:)