#B33fb0n3
1 messages Β· Page 1 of 1 (latest)
Those parameters are to actually display the items in the associated wallet interface
i.e. the customer clicks Apple Pay and in the dialog there's a list of items of what they're buying
I believe it's optional
So the customer can manipulate these items? Currently I calculate all the amounts on the serverside. So it would be double work. And I can make some mistakes on the server side and than the customer wonders why there is another amount taken from his account... I want to be as transparent as possible to the customer...
No, they're not editable in the dialog. It's just for information purposes
Unfortunately not π¦
See here: https://stripe.com/docs/elements/express-checkout-element/accept-a-payment#set-up-elements
Not seeing anything there that indicates it's required. The API reference doesn't state that either: https://stripe.com/docs/js/elements_object/express_checkout_element_click_event#express_checkout_element_on_click-handler-resolve-lineItems
Did you try using it without providing the lineItems param?
π€
just checked the integration. I will start in a few minutes to try everything. Just thinking about changing my whole checkout process xD
Those are required field if your pass lineItems
Not sure what you're asking me
in this required step the documentation add these lines to it (https://stripe.com/docs/elements/express-checkout-element/accept-a-payment#set-up-elements)
But are they also required or just optional?
Learn how to accept payments with the Express Checkout Element.
Required I believe: https://stripe.com/docs/js/elements_object/create_without_intent
It's the amount we show in the wallet dialog for payment to your customers
ah and this amount already needs to be with shipping costs... right?
The amount intended to be collected from the customer right now
Yes the total amount
How do I know this amount before knowing where I need to ship? Because the shipping costs depend on the shipping location and the shipping company
You'd use the shippingratechange/shippingaddresschange events to handle that: https://stripe.com/docs/js/elements_object/express_checkout_element_shippingratechange_event
And update the amount accordingly: https://stripe.com/docs/js/elements_object/update
oh alright got it. Last question: the payment process is the same, but just the payment method and the shipping are autofilled by paypal,applepay, google pay, ... right?
Hey π
like automaticaly entered by the express service
Which part will be autofilled? The shipping address?
just the payment method and the shipping address
Ok I thinks its like that...
Other Question: trying to activate apple pay and the domain verify via the file. Stripe recommend to use ngrok because of the https. I using it, but can't verify the top level domain. Can I still use it?
Also I can't find anything about these IOS zertificates: (see picture)
Do I really need them to use apple pay?
Stripe recommend to use ngrok because of the https. I using it, but can't verify the top level domain.
Can you clarify what "can't verify" means? Do you get an error message? Which one?
Also I can't find anything about these IOS zertificates: (see picture)
Where is this screenshot coming from?
The web domains are verified by downloading a file from a specific location from the domain. I can't upload anything to the top level domain so I am not able to verify this ngrok domain.
Hi! I'm taking over from my colleague. Please, give me a moment to catch up.
Can you try verifying the subdomain?
Are you with me?
Yeah I am here. I can verify the subdomain. But the guide says that I also Need to verify the top Level domain π
Please try and let me know if it works
I can verify the subdomain. But the guide says that I also Need to verify the top Level domain π
The top Level Domain canβt be verified, because I do Not own ngrok
To use Apple Pay, you must register every web domain that will show an Apple Pay button. This includes both top-level domains (for example, stripe.com) and subdomains (for example, shop.stripe.com).
This means, if you use apple pay on stripe.com and on shop.stripe.com, you need to verify both, and not just stripe.com. But if you use apple pay only on shop.stripe.com you only need to verify that one.
In your case, you don't show Apple Pay on ngrok.io, so you don't need to verify it.
ah that sounds good, thanks!
Please let me know when you try verifying it
Verified the subdomain now π
Isn't the ExpressCheckoutElement exported from this package?
The docs says, that it should be there... but throws errors and isn't exported... https://stripe.com/docs/elements/express-checkout-element/accept-a-payment#submit-the-payment
What react-stripe-js version are you using?
Hey! Taking over for my colleague. Let me catch up.
ok
You should check the Changelog of the librairy you are using.
ExpressCheckoutElement is introduced in v2.0.0
Don't hesitate to check the changelog when you are facing these kind of issues:
https://github.com/stripe/react-stripe-js/releases?q=ExpressCheckoutElement&expanded=true
ah got it. Thanks!
Hey @final lagoon it's me again. I have now integrated the whole system, but no express checkout buttons are visible. When I go to more "normal" Checkout I can see there google pay. So minimum google pay should be visible for me in the express checkout, but nothing is visible. I followed the guide and checked for errors. There are no errors
So minimum google pay should be visible for me in the express checkout, but nothing is visible
Do you have a valid card in your Google Wallet ?
Is the website loading in Https ?
I do
It is
Can you share the link to your express checkout ?
Sure, can I send you via dm?
Send a test link here (the link to your website that is using your Stripe Test keys)
I don't want to share it in public
Just share a link to your test website using your test keys.
then you can delete it
Where/How you are loading the Express Checkout ?
Ah shared the wrong link sorry: https://onetimesecret.com/secret/jgnmk9hvr0vnqzcr3914vccteh6ytur
Keep sensitive information out of your chat logs and email. Share a secret link that is available only one time.
inside the link you can see the ngrok address:
You did the deployement with the latest changes? Can't see any Express Checkout there...
Yeah its connected to the localhost
If you choose an item and put it inside the cart you should be able to see the white space between two dividers
Ah ok I need to use the ngrok link from the website you shared with me.
Can you share again another link ? I missed that sorry.
Ah sure, no problem
Keep sensitive information out of your chat logs and email. Share a secret link that is available only one time.
I can see Google PAy there.
yes, thats my normal checkout process π
Now you also got my problem π
..., but no express checkout buttons are visible. When I go to more "normal" Checkout I can see there google pay. So minimum google pay should be visible for me in the express checkout, but nothing is visible...
normaly you should be able to see the express buttons here (in the cart menu)
Ok, I think you need to share a complete sample project for that in order to be able to reproduce the issue, your website has multiple screens/logic there. Without having the complete code, it's hard to debug. So a minimal express checkout project that reproduce the issue will help investigate this further.
Hi @delicate tiger please write to Stripe Support, describe the issue in detail and attach your complete code. This will allow us to investigate the issue carefully in our own time. You can mention you got help from us on Discord.
Sure I can do that for you. It's based on one file so I can send you the file?
Normaly the stripe support website do not offer developement help
It is redirected to us if it's technical.
Ah that sounds good. How do I send the code files?
You should be able to send an email with attachments.
You can attach a file to the email?
But any way works, as long as we have access to your code.
I think the files would be to big for an email. Alright. Than I will do it via codepen and refer to this thread in the support chat, right?
Yes