#jose-fernndez_docs
last gobletBOT
đź‘‹ 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/1387053293553062051
đź“ť 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.
- jose-fernndez_docs, 20 hours ago, 31 messages
vagrant pine
Hi đź‘‹
- How you are integrating these? What Stripe product are you using?
- On what platform are you building/testing? Is this for web sites or mobile devices?
last gobletBOT
glacial vapor
I have Google & Apple Pay integrated both embedded in the frontend and through Checkout Sessions on the backend.
I’m working on a website using Next.js for the frontend and Node.js for the backend.
Something interesting happened yesterday. I contacted Stripe support because the Google Pay button wasn’t showing up for me while testing locally (using Ngrok). After speaking with the agent, the button did start appearing on my local page — I’m not sure if something was updated internally on your end.
However, today I changed the Ngrok URL and now the Google Pay button is not showing again. So I went to:
https://dashboard.stripe.com/test/settings/payment_method_domains
…and added the new Ngrok domain there, but the Google Pay button is still not appearing.
fathom cradle
integrated both embedded in the frontend and through Checkout Sessions on the backend
Are you using embedded checkout, or elements? Can you share some front-end snippets showing how you're initializating the Stripe UI components/Elements?
I’ve read and followed the steps outlined in the documentation here:
https://docs.stripe.com/testing/wallets#device-requirements
You said you've reviewed these docs. Did the wallets show up for you on this testing page?
glacial vapor
I’m following the same integration shown in this page:
https://docs.stripe.com/checkout/custom/quickstart
However, if needed, I’d be happy to share some code snippets.
fathom cradle
Ok, so you're using custom check / embedded components using elements.
Do you see the wallets appearing on the testing page?
glacial vapor
On the Stripe test page, I can see Google Pay. However, in my own integration, I only see the payment methods I’ve enabled in the Dashboard — except for Google Pay. (I’ll check Apple Pay afterward.)
As I mentioned earlier, yesterday — after speaking with a support agent — the wallet (Google Pay) suddenly appeared, even though I didn’t change anything on my side. But now I’m back to the same issue as before: the wallet button is not showing again.
fathom cradle
I see google pay right there in the payment method options, unless you mean thats a screenshot from before?
Can you share an example checkout session ID where you've completed the test payment that I can look at, such as cs_test_12345
glacial vapor
Yes, that’s the screenshot from yesterday — here’s how it looks today (I’ve disabled dark mode).
fathom cradle
I notice that the ngrok domain has changed, did you register that new domain?
cdgb-[...].ngrok-free.app vs 428b-[...].ngrok-free.app
If you check your developer tools in chrome, the console should show a warning about the payment method domains if thats the issue
glacial vapor
Yes, that’s exactly what happened — I changed the Ngrok URL and added it to the allowed domains in the Stripe Dashboard, but it still doesn’t work.
a sec
controller-with-prec…435874d2c1d2f3.js:1 [Stripe.js] The following payment method types are not activated:
- paypal
- amazon_pay
They will be displayed in test mode, but hidden in live mode. Please activate the payment method types in your dashboard (https://dashboard.stripe.com/settings/payment_methods) and ensure your account is enabled for any preview features that you are trying to use.
fathom cradle
Can you share a session id?
glacial vapor
ok
fathom cradle
Are you using Expres Checkout Element as well, or only payment element?
cs_test_a10GSYVa4VVBzlivOCwUUwU7D0me7Eq1PvsECtGqBFDrxEaf7LvRIpCnMf
I deleted the message you sent because it was the client secret, not just the ID
fathom cradle
return (
<form onSubmit={handleSubmit}>
<EmailInput
email={email}
setEmail={setEmail}
error={emailError}
setError={setEmailError}
/>
<h4>Payment</h4>
<PaymentElement id="payment-element" />
<button disabled={isLoading} id="submit">
{isLoading ? (
<div className="spinner"></div>
) : (
`Pay ${checkout.total.total.amount} now`
)}
</button>
{/* Show any error or success messages */}
{message && <div id="payment-message">{message}</div>}
</form>
);
ok, so only payment element
glacial vapor
Yep
Here’s another session ID::
cs_test_a1noxfscAFfE751MP3nGkKpmLNFg62J7eisgjnxD1d7cxqgwuJsutiVFPm
fathom cradle
Everything I'm seeing suggests google pay should be included, I see no specific reasons why it should not. This leads me back to believing the issue is with the browser/google account configuration.
glacial vapor
Okay, but how do you explain that after speaking with the agent yesterday, Google Pay started showing up in the same browser? Today, the only thing I changed was the Ngrok URL (since my machine had been suspended).
Still, if you need any browser-related information or anything else, I’ll be happy to provide it.
fathom cradle
This is a test integration using custom checkout: https://asi-custom-checkout-basil.glitch.me/
Do you see google pay appearing there?
glacial vapor
in the same browser
glacial vapor
https://428b-190-66-222-141.ngrok-free.app/payment/normal/54
If you’re able to access the site via Ngrok, just note that I can only expose one port. So the page won’t be able to reach localhost:9000, which is where the API is running — as a result, the payment form won’t be displayed.
fathom cradle
ah, yea, that must be why the payment total isnt resolving
glacial vapor
Okay, it just appeared — but I’m not sure why. Maybe it takes some time for the domain to become active.
fathom cradle
Oh, that's strange. I don't think there should be any delay around domains. You didn't change anything?