alxizr | Stripe Developers | Page 1

lilac dustBOT Dec 27, 2022, 8:55 PM

#

analog plinth Dec 27, 2022, 8:57 PM

#

hello

#

toby

#

hi

#

how are you

#

thank you for the help

#

are you familiar with this issue that i described ?

#

do you know how to solve it ?

#

is it a known issue perhaps ?

golden zealot Dec 27, 2022, 8:59 PM

#

HI 👋 there, pasting your other context here so to paint a more clear picture.

using react js in the client side + nodejs express and python flask in the backend side
all of our envs are serving over HTTPS with certificates
in the dashboard all the payment methods are enabled and verified

Which Element are you using? Our Payment Element or a different one?

analog plinth Dec 27, 2022, 9:00 PM

#

i am using several of them because nothing works

#

PaymentElement

#

PaymentRequestButtonElement

#

also created a stipe checkout

#

the same result

#

google pay and apple pay are not showing

#

only LINK

#

i installed even MKCERT

#

and NGROK

#

the browser is showing strong secure connection in every case

golden zealot Dec 27, 2022, 9:01 PM

#

Gotcha, those are two different elements so we may need to dig into them separately, but if it isn't working for any of those then it sounds like the necessary payment methods aren't enabled.

What is the ID of the Stripe account that you're using for your testing?

analog plinth Dec 27, 2022, 9:02 PM

#

but the wallets are not there

golden zealot Dec 27, 2022, 9:02 PM

#

Oh, the other thing that can cause those wallet options to not be displayed is that you don't have a card set up in those wallets.

analog plinth Dec 27, 2022, 9:02 PM

#

i enabled everyhing in the stripe dashboard

analog plinth Dec 27, 2022, 9:03 PM

#

golden zealot Oh, the other thing that can cause those wallet options to not be displayed is t...

this is a test account, we want to integrate the STRIPE to be our payment gateway instead/alongside PAYPAL

golden zealot Dec 27, 2022, 9:03 PM

#

Is your test site publicly accessible?

analog plinth Dec 27, 2022, 9:04 PM

#

golden zealot Is your test site publicly accessible?

not really. because you need to be logged in with username or password

#

and this is a SaaS platform, i don't really know how much i can expose

#

give me a second

#

i will open it via ngrok

#

and give you a test acccount

#

https://b256-79-180-31-24.ngrok.io/

#

go to pricing page

#

https://b256-79-180-31-24.ngrok.io/sub-plans

#

i pasted the stripe component there so we dont need to log in

#

this is my local react server, serving https over ngrok

golden zealot Dec 27, 2022, 9:09 PM

#

Thank you, but I'm not readily seeing either a Payment Request Button or a Payment Element on that page.

analog plinth Dec 27, 2022, 9:10 PM

#

there is no button

#

the entire code runs in several hooks

#

if you click the submit button under the red area

#

this will try to create a payment

#

and it is successful

#

the logic and behaviour is there and correct

#

just cant get the wallets

golden zealot Dec 27, 2022, 9:11 PM

#

I don't see a submit button, under the red area is a section titled Invest in your Education.

analog plinth Dec 27, 2022, 9:12 PM

#

golden zealot Dec 27, 2022, 9:12 PM

#

I don't see any of that, the red area is blank for me.

analog plinth Dec 27, 2022, 9:12 PM

#

the element 1 is the payment request

#

the element 2 is the payment element

golden zealot Dec 27, 2022, 9:13 PM

#

analog plinth Dec 27, 2022, 9:13 PM

#

wait are you in https

#

?

golden zealot Dec 27, 2022, 9:13 PM

#

Yes

analog plinth Dec 27, 2022, 9:13 PM

#

ok, then i have no idea whats going on

#

anyways

#

lets ignore this for a second please

#

we have a screen shot

golden zealot Dec 27, 2022, 9:14 PM

#

Yup, let's set that aside and try to guess at what is happening.

#

What browser are you using, Chrome?

analog plinth Dec 27, 2022, 9:15 PM

#

you can see that the page is served under https in a CHROME browser version 108 in windows 11 and ubuntu 22.04

#

the same also happens in firefox as well

golden zealot Dec 27, 2022, 9:17 PM

#

Firefox doesn't support Google or Apple Pay, so we can ignore that browser for now.

The profile that you're logged into for Chrome, do you see a payment method listed when you view the payment methods added to the account?
https://pay.google.com/gp/w/home/paymentmethods

Sign in - Google Accounts

analog plinth Dec 27, 2022, 9:17 PM

#

if you want i can paste the react code here

#

this is my personal account

#

i dont use google pay

#

and in this link, i dont see anything

#

but we have an account for work

golden zealot Dec 27, 2022, 9:18 PM

#

If you don't have a card added to your Google Pay wallet then our Elements won't display Google Pay as an option to you, and that is likely why you aren't seeing it during your testing.

analog plinth Dec 27, 2022, 9:18 PM

#

with a card attached to google pay

#

and its all the same

#

we actually used google pay to pay for our google services

#

🤣 🤣 🤣

#

iam using incognito usually when working locally

golden zealot Dec 27, 2022, 9:20 PM

#

Incognito also blocks Google Pay

analog plinth Dec 27, 2022, 9:20 PM

#

just for this reason so my personal account wont be exposed

analog plinth Dec 27, 2022, 9:20 PM

#

golden zealot Incognito also blocks Google Pay

that explains a lot

#

but in the office we have the work account s

golden zealot Dec 27, 2022, 9:21 PM

#

Did you use incognito there?

analog plinth Dec 27, 2022, 9:21 PM

#

sometimes

#

but when i started working on this feature

#

no incognito what so ever

#

can i please ask you something

golden zealot Dec 27, 2022, 9:22 PM

#

Of course

analog plinth Dec 27, 2022, 9:22 PM

#

if i add my credit card now via this link you sent me

#

this potentially may or may not show the google pay button in my computer at home

#

so maybe i will just try it

#

?

#

what do you think

#

?

golden zealot Dec 27, 2022, 9:25 PM

#

If you currently don't have a card added to your Google Pay wallet, then that is guaranteed to block us from displaying Google Pay. Having a card in your wallet is a prerequisite for us to display Google or Apple Pay, so if you would like to test this then adding a card to your wallets is likely going to be necessary.

analog plinth Dec 27, 2022, 9:25 PM

#

םל

#

ok

#

i am trying this now

#

but this is not mentioned anywher e

#

i read the docs upside down

#

maybe 10 times

#

#

golden zealot Dec 27, 2022, 9:28 PM

#

It's in this list of prerequisites here if you're looking at our Payment Request Button guide:
https://stripe.com/docs/stripe-js/elements/payment-request-button?client=html#html-js-prerequisites

Or in the Apple Pay and Google Pay section if you're using our Accept a Payment guide:
https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements#apple-pay-and-google-pay

analog plinth Dec 27, 2022, 9:28 PM

#

nothing

#

i refreshed the page like 10 times

#

google pay is not showing

#

i am not worried about apple because i dont have iphone

golden zealot Dec 27, 2022, 9:30 PM

#

Navigate to this page please, what we want to see is whether this section is replaced with a Payment Request Button as that will indicate that your browser is fully set up for handling a wallet payment.
https://stripe.com/docs/stripe-js/elements/payment-request-button

analog plinth Dec 27, 2022, 9:32 PM

#

what do you want me to do exactly

#

?

#

the code implementation in this page already exists in my code

#

it is the 1 element showing in the photo

#

it is displaying LINK only

golden zealot Dec 27, 2022, 9:33 PM

#

Navigate to the page that I provided a link to, and let me know whether the yellow box that I circled is present, or if it was replaced by one of the three buttons seen below it.

#

Sorry, I had previously provided the link to the pre-req section again, I've updated the link but you can also scroll to the top of the page to see the section I'm referring to.

analog plinth Dec 27, 2022, 9:35 PM

#

#

that yellow box is not showing

#

and no three buttons

#

wait, now i can see the 3 buttons after a refresh

#

but they are not buttons, but an image

golden zealot Dec 27, 2022, 9:37 PM

#

The three buttons are further down the page, but they're not as important because they are just representations of the button. The top at the part is what I wanted to see.

analog plinth Dec 27, 2022, 9:38 PM

#

are we on the right track ?

golden zealot Dec 27, 2022, 9:38 PM

#

Since you're seeing the Link button displayed there, rather than Google Pay, I think you may have an active Link session that is taking priority over Google Pay.

analog plinth Dec 27, 2022, 9:38 PM

#

or it only getting worse ?

analog plinth Dec 27, 2022, 9:38 PM

#

golden zealot Since you're seeing the Link button displayed there, rather than Google Pay, I t...

how do we clear all sessions ?

#

if there should be any sessions

#

?

golden zealot Dec 27, 2022, 9:40 PM

#

I'm trying to find that, while I do, can you confirm whether you were testing any Stripe Link flows? Link is also the fallback button option there, so it may be getting displayed to you if nothing else is configured.

I also want to triple check, you're using Chrome for this testing now and not in incognito mode?

analog plinth Dec 27, 2022, 9:41 PM

#

we dont have LINK in israel

#

and nobody touched it

#

it wasnt showing until i setup the local development to run in https with a sertificate

#

which only happened yesterday

golden zealot Dec 27, 2022, 9:43 PM

#

Alright, if you didn't use Link then it likely isn't that you have a session that is causing the conflict.

analog plinth Dec 27, 2022, 9:43 PM

#

i am turning it off just to be on the safe side

#

its off

#

unfortunately nothing has changed

#

and i can still see the LINK button in the react project

#

maybe it takes couple of minutes

golden zealot Dec 27, 2022, 9:48 PM

#

Yeah, it can take a couple minutes, and if that is a Payment Request Button Element above a separate Payment Element, then there are multiple settings that you need to check which control where Link is presented.

If you are using the Payment Request Button and would like to disable Link for it, then you'll also want to adjust the setting found on this page:
https://dashboard.stripe.com/settings/link

Stripe Login | Sign in to the Stripe Dashboard

Sign in to the Stripe Dashboard to manage business payments and operations in your account. Manage payments and refunds, respond to disputes and more.

analog plinth Dec 27, 2022, 9:49 PM

#

these are the 2 elements i am using

#

PaymentElement,

PaymentRequestButtonElement,

analog plinth Dec 27, 2022, 9:50 PM

#

golden zealot Yeah, it can take a couple minutes, and if that is a Payment Request Button Elem...

disabled the link from showing

#

both test nad live mode

#

#

thats it, its gone

#

but nothing there to replace it

golden zealot Dec 27, 2022, 9:53 PM

#

I know you're in testing right now, but you'll likely want to use only one of those elements in production. They both can accept wallet payments, but the Payment Element also accepts other types of payment methods and is the one that I would recommend using.

I'm still suspecting that something isn't quite set up right with the browser you're testing with to allow Google Pay to be displayed.

analog plinth Dec 27, 2022, 9:53 PM

#

btw, i still have my personal credit card added to the google pay

analog plinth Dec 27, 2022, 9:54 PM

#

golden zealot I know you're in testing right now, but you'll likely want to use only one of th...

you are right, this is only testing mode. the idea was using payment element but when i run into trouble i started testing with everything i could

rich mist Dec 27, 2022, 9:56 PM

#

👋 stepping in as toby needs to step away

#

Sounds like the issue is Google Pay isn't displaying when you expect it to?

analog plinth Dec 27, 2022, 9:57 PM

#

ok

#

say toby i said thanks

#

google pay is not showing

#

all the prerequisites are there

rich mist Dec 27, 2022, 9:59 PM

#

You have already confirmed you can see the button in Chrome at the top of our docs page here: https://stripe.com/docs/stripe-js/elements/payment-request-button ?

#

Ah above you say you only saw Link there

analog plinth Dec 27, 2022, 10:00 PM

#

toby asked if i can see the 3 buttons or the yellow box

rich mist Dec 27, 2022, 10:00 PM

#

If you go to https://link.co/ are you logged in?

analog plinth Dec 27, 2022, 10:00 PM

#

no yellow box

#

saw the image of 3 buttons

analog plinth Dec 27, 2022, 10:00 PM

#

rich mist If you go to https://link.co/ are you logged in?

no. we do not use link

#

i turned it off

#

#

both test and live mode

rich mist Dec 27, 2022, 10:02 PM

#

Sure but that's different. That's for your integration. If you go to https://stripe.com/docs/stripe-js/elements/payment-request-button and you are logged into Link, then you won't see the Google Pay Button, you will see the Link button.

#

This is the way to know whether your wallet is set up correctly for Google Pay

#

Because otherwise it won't show on your own integration either.

#

Also, I see you talked about incognito above... are you testing in incognito here?

analog plinth Dec 27, 2022, 10:02 PM

#

something happened

#

i can see the google pay button now

#

it wasnt there before

rich mist Dec 27, 2022, 10:03 PM

#

Oh great

#

Okay so that indicates that your wallet is set up correctly

analog plinth Dec 27, 2022, 10:03 PM

#

but its not enough

rich mist Dec 27, 2022, 10:03 PM

#

So now let's look at your site

analog plinth Dec 27, 2022, 10:03 PM

#

because the payment element still now showing it

rich mist Dec 27, 2022, 10:03 PM

#

I see there is an ngrok above, but it doesn't look accessible currently

#

Can you set that up again so I can take a look from my end?

analog plinth Dec 27, 2022, 10:04 PM

#

wait

#

i think i closed it

#

https://4e8f-79-180-31-24.ngrok.io/sub-plans

rich mist Dec 27, 2022, 10:04 PM

#

Thanks, taking a look

#

I'm seeing a blank page and a bunch of 401 axios errors

#

Is there something I need to do to access Payment Element?

analog plinth Dec 27, 2022, 10:05 PM

#

dont mind the 401

#

errors

#

we are yet to deploy any changes regarding stripe to the testing env

#

so what you are seeing is the local dev in my computer

#

this is the PaymentElement

rich mist Dec 27, 2022, 10:06 PM

#

Okay but I can't see Payment Element. I do see 403 CORS errors to /stripe/create

analog plinth Dec 27, 2022, 10:06 PM

#

i dont know what to tell you

#

honestly

#

its the middle of the night and i am on this thing 3 days already

rich mist Dec 27, 2022, 10:07 PM

#

Is the above render just from running locally via HTTP?

analog plinth Dec 27, 2022, 10:07 PM

#

react js running on loacl dev server on port 3000

#

using ngrok i am serving it via https

#

if you also look at the start of the conversation

#

i explained that i set up local dev with mkcert

#

and certificates

#

and https

#

and what not

#

and nothing changed

rich mist Dec 27, 2022, 10:08 PM

#

I'm specifically asking about the above screenshot that you provided.

#

What is the URL that you are accessing that from?

analog plinth Dec 27, 2022, 10:09 PM

#

https://4e8f-79-180-31-24.ngrok.io/sub-plans

#

this is the url

#

its ngrok

#

but ngrok is tunneling http://localhost:3000

#

1 to 1

rich mist Dec 27, 2022, 10:10 PM

#

Okay, I'm sorry but I can't see anything at that URL due to the CORS error.

#

You aren't in India are you?

#

(I say that because Google Pay isn't supported in India: https://support.stripe.com/questions/supported-payment-methods-currencies-and-businesses-for-stripe-accounts-in-india)

analog plinth Dec 27, 2022, 10:13 PM

#

im in israel

rich mist Dec 27, 2022, 10:14 PM

#

That should be fine then.

analog plinth Dec 27, 2022, 10:14 PM

#

yup

rich mist Dec 27, 2022, 10:14 PM

#

I'd love to help further but it is really challenging to do so without a URL where I can access Payment Element.

analog plinth Dec 27, 2022, 10:15 PM

#

ok

#

listen

#

ill be in the office on thursday morning

#

ill setup everything in the testing env

#

so we will have something to work with

rich mist Dec 27, 2022, 10:15 PM

#

That sounds great

analog plinth Dec 27, 2022, 10:16 PM

#

how can i reach you or toby once it is up in the air

#

?

rich mist Dec 27, 2022, 10:16 PM

#

Just post in the main channel here and someone from our team should be online to help

analog plinth Dec 27, 2022, 10:16 PM

#

ok

#

thank you very much

rich mist Dec 27, 2022, 10:16 PM

#

We usually cover this channel 24/5, however coverage will be slightly spotty this week due to the holidays

analog plinth Dec 27, 2022, 10:16 PM

#

no worries

#

im not going anywhere

rich mist Dec 27, 2022, 10:17 PM

#

But yeah, I believe someone should be around and we'd love to help get this figured out

#

👍

analog plinth Dec 27, 2022, 10:17 PM

#

😄

#

great

#alxizr