#6hills_ece-googlepay

1 messages Ā· Page 1 of 1 (latest)

bronze pebbleBOT
#

šŸ‘‹ 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.

gritty cloud
urban egret
#

hi there, is your checkout available somewhere where I could access it? like a publically-accessible dev environment?

gritty cloud
#

unfortunately, not. but I can share any related code snippets are any questions. The API keys are from a sandbox env

urban egret
#

gotcha, can you share with me an example Payment Intent ID where you're noticing the problem? like pi_1234 as an example

gritty cloud
#

sure, it's on all of them, but here's an example one: pi_3SFbwA4cOZ7Xf1Lb0M4HsYLa

urban egret
#

thanks, looking into it now

#

also you mentioned this error:

The following payment method types are not activated:

  • paypal
  • klarna
    can you tell me where you see that?
gritty cloud
#

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:

urban egret
#

ah I missed the yellow section, sorry. still looking...

gritty cloud
#

and as stated above I can see the Link payment

urban egret
gritty cloud
#

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

urban egret
#

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

gritty cloud
urban egret
#

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

gritty cloud
#

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)

urban egret
#

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?

gritty cloud
#

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

urban egret
gritty cloud
#

could you assist of that's a setting ExpressCheckoutElement or Elements ? not sure where this is coming from

urban egret
gritty cloud
#

I will try thanks. Could you please hang on, since the deploy takes a while

bronze pebbleBOT
languid prairie
#

6hills_ece-googlepay

#

I'm around so feel free to ask a follow up question if needed

gritty cloud
#

hello, I'm still getting the same result unfortunately :(

languid prairie
#

Is there a URL I can look at live? That would be the best way to help you debug this

gritty cloud
#

unfortunately not, there's a payment intent that I shared: pi_3SFbwA4cOZ7Xf1Lb0M4HsYLa

languid prairie
#

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.

gritty cloud
#

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?

languid prairie
#

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?

#

cc @gritty cloud ^

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:

languid prairie
#

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.

gritty cloud
#

I'm not sure what do I say since it's a pretty big page 🄲 What am I looking for exactly?

languid prairie
#

ah my bad, they added tabs now šŸ¤¦ā€ā™‚ļø

gritty cloud
#

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

languid prairie
#

Awesome!

gritty cloud
#

vpn did not help unfortunately, but we will continue investigating
thanks for your help anyway!:)