marimuthu_code

[dapper cave]

👋 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/1336314027487399956

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

[eager hollow]

What is not working exactly ? Do you see any error trace? in the devconsole ? in the networking tab ?

[final mason]

Nope I dont see any error in console or in network, its not loading

Empty screen loads

[eager hollow]

There should be something missing

Do you have a hosted link that we can try ?

[final mason]

Actutlly its in my local

[eager hollow]

Or have you had the chance to first implement the Express Checkout Element in a standalone page ?
https://docs.stripe.com/elements/express-checkout-element/accept-a-payment

[final mason]

Not yet deployed

[eager hollow]

Between, in your local you won't see Google/apple Pay because you'll need to serve it via https.

[final mason]

Ho okay, Previously we were using https://docs.stripe.com/elements/appearance-api, it works in local

[eager hollow]

Appearance APi is just for styling

it's not a Stripe Element UI.

[final mason]

const paymentElement = __this.elements.create("payment", options);

Previously we have used payment

[eager hollow]

Ok you mean Payment Element

Sorry but the link you've shared is about appearance.

Never mind.

You should be able to have at link with Express checkout Element locally:
<https://docs.stripe.com/elements/express-checkout-element/accept-a-payment

[final mason]

Thats my bad. Sorry

[eager hollow]

Np!

[eager hollow]

What about this ?

[final mason]

Checking

Not working but in console it says

[eager hollow]

In your code you should have:
const expressCheckoutElement = elements.create('expressCheckout');
and not elements.create('payment');

You want to have Express Checkout Element or PaymentElemen in your web page ?

[final mason]

Yes I want to have both payments and Express checkout,

[eager hollow]

In the same page ?

[final mason]

yes

[eager hollow]

You shouldn't be doing that, why you want to do so ?

What is offered by Express Checkou Element is already provided in Payment Element

[final mason]

But in Payment Element apple pay and google is not showing

[eager hollow]

They'll be shown if you server your website via HTTPS

[final mason]

https://www.go-koala.com/booking/disney-s-old-key-west-resort?l_id=f683ef2edebcb2716b7195c6105b5321&resultType=&pt_id=&unit_id=3162&concierge_token=&check_in=&check_out=&price_night=&price_night_c=&featured_deals=1&guests=9&adults=9&childrens=0&infants=0

Here is my website which is having payment element

[eager hollow]

Also, you'll need to have valid card in your Google/Apple Wallet in order to have this options

[final mason]

Its showiing only card option

You can use guest checkout

[eager hollow]

It shows Google Pay

You are not getting the Google Pay option because probably you don't have a valid card in your Wallet

For Apple Pay, besides adding a real Card in your wallet you need to register your domain

https://docs.stripe.com/payments/payment-methods/pmd-registration?dashboard-or-api=dashboard#verify-domain-with-apple

[final mason]

Is this from my web page?

[eager hollow]

Yes

[stone dock]

Where are you based @final mason?

[final mason]

Am in india

[stone dock]

Okay, Google Pay and Apple Pay are not supported in India, which is why you don't see it.

[final mason]

We have asked my client who is in US, but they also not able to see it

If we dint register domain then how it came for u?

[stone dock]

This might be a mix of both - location and presence of real card in the wallet.

[stone dock]

Domain registration is required for Apple Pay only

I only see card in Safari - no Apple Pay

[final mason]

So Google Pay will show automcatically?

[stone dock]

If by "automatically" you mean without registering the domain, then yes.

You still need to be outside of India, and set up your wallet correctly.

[final mason]

How can I set up wallet correctly?

Can you please guide me how can I set up wallet?

[stone dock]

It won't work for you since you're based in India. You won't see Google Pay anyway, unfortunately.

https://docs.stripe.com/payments/accept-a-payment?platform=web&ui=elements#apple-pay-and-google-pay
https://docs.stripe.com/stripe-js/elements/payment-request-button#testing

[final mason]

But I wil ask my client to test

Thats wht asjing

asking

wallet = In stripe dashboad, Default I can see the wallet option this what are you reffering?

Here is my wallet section

@stone dock @eager hollow

[stone dock]

Not exactly.
You need to register your real credit card with Google Pay and Apple Pay. This happens outside of Stripe.

https://pay.google.com/about/

[final mason]

Got it. But how my browser will know I have gpay or google pay.
Sorry I just wanna some clarity before informing my client.
Applogies If I asks more silly or irriating questions

[stone dock]

No worries.
Google Pay is integrated in Chrome and Apple Pay in Safari, which is how they know when you have it set up.

You have to be logged into your Google account when using Chrome. I think Safari does it similarly. On iOS it depends on your device's Apple ID.