arslan_express-checkout-element | Stripe Developers | Page 1

heavy oakBOT Apr 12, 2024, 9:05 PM

#

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

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

tranquil haloBOT Apr 12, 2024, 9:06 PM

#

wild reef Apr 12, 2024, 9:07 PM

#

The Payment Request is a browser API, not something Stripe builds. It does not accept Metadata

#

https://developer.mozilla.org/en-US/docs/Web/API/Payment_Request_API

lime locust Apr 12, 2024, 9:07 PM

#

Is there any way around. Because Stripe builds the abstraction on top, right? Does it generate a paymentIntent id under the hood? Does it even trigger the Webhook?

wild reef Apr 12, 2024, 9:08 PM

#

Not by itself, no

#

What integration are you building?

lime locust Apr 12, 2024, 9:08 PM

#

wild reef What integration are you building?

Wanted to add a custom button for google/apple pay

wild reef Apr 12, 2024, 9:09 PM

#

How are you collecting payment?

lime locust Apr 12, 2024, 9:09 PM

#

I mean I have the normal stripe element with card (and it also shows the wallet). I have a serverless lambda function which generates the paymentID and then I mount it using the SDK. I also want to add a custom button that just hits google pay/apple pay

#

wild reef Apr 12, 2024, 9:11 PM

#

Okay so what I am telling you is there is no way currently to add metadata to the PaymentRequest object and we are extremely unlikely to implement this. If you want to add some metadata to these purchases I recommend sending it back to your servers to add to the Payment Intent.

lime locust Apr 12, 2024, 9:13 PM

#

Ok sounds good, how would that work. Where can I find the Payment Intent associated with the PaymentRequest object? Btw, does it trigger the webhook?

wild reef Apr 12, 2024, 9:14 PM

#

The PaymentRequest doesn't auto-magically generate a Payment Intent. At some point in your integration, you have to create one

lime locust Apr 12, 2024, 9:14 PM

#

Ok sure. Btw, do you have a better way to add a custom google/apple pay button?

wild reef Apr 12, 2024, 9:15 PM

#

Honestly I would just use Express Checkout Element and restrict the available wallets to only Apple/Google Pay

lime locust Apr 12, 2024, 9:16 PM

#

That sounds good! How do you restrict the available wallets?

wild reef Apr 12, 2024, 9:17 PM

#

https://docs.stripe.com/elements/express-checkout-element

We cover restricting wallet types here: https://docs.stripe.com/elements/express-checkout-element/accept-a-payment#wallet-control

You can do it both in your Account settings and in the JavaScript when you create the Element

lime locust Apr 12, 2024, 9:18 PM

#

thanks, will check out

#

https://docs.stripe.com/elements/express-checkout-element#create-an-express-checkout-element => doesn't stripe.elements accept a clientSecret?

Express Checkout Element

Show multiple one-click payment buttons with a single component.

wild reef Apr 12, 2024, 9:25 PM

#

It doesn't have to. You can initiliaze the elements with or without a client secret

#

With: https://docs.stripe.com/js/elements_object/create

#

Without: https://docs.stripe.com/js/elements_object/create_without_intent

lime locust Apr 12, 2024, 9:25 PM

#

Ok, but I could initialize it with the client secret, this way it's linked to the payment Id, right? Then it would be just like the normal elements

#

And can I use the same client secret for both the normal card integration and stripe express?

wild reef Apr 12, 2024, 9:29 PM

#

You use the client_secret to create an elements object. You would then use the same elements object to create both the Payment Element and the Express Checkout Element. That would like both of them to one Payment Intent

#arslan_express-checkout-element