#jakub_50765
foggy dawnBOT
Hello! We'll be with you shortly. 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.
- jakub_50765, 17 minutes ago, 19 messages
- jakub_50765, 7 hours ago, 19 messages
opal perch
👋
foggy dawnBOT
elder moat
Hello, I would like to send you a screenshot from other eshop using Express Checkout related to my question while back about shipping rates - at that eshop it shows Amount Pending, would it be a way how to do that? Is it possible with Express Checkout Element?
it is related to this thread while back https://discord.com/channels/841573134531821608/1178722916133769327
stuck terrace
Hi, can you summarize your question along with screenshots? The server is busy and it would help us answer your question
elder moat
Hi, yeh sure, this is my original question:
Hello guys, on Stripe JS Express Checkout element, there is 'click' event, but it needs to pass shipping rates in Resolve function. This is bit odd as we haven't got customer shipping address yet. We get his address later in 'shippingaddresschange' event. So in 'click' event we send temporary shipping rate with 0 pounds price. We are not sure this is good approach in terms of UX as we didn't se it on other sites. Is there any best practice please?
so issue is - before we get customer shipping address - which shipping rates we have to send to 'resolve' function of click event?
because shipping rates value in click event is required
and we found it is somehow sorted on eshop I sent screenshot
stuck terrace
To confirm: you're following the steps outlined here to set the shipping info before your customer has input anything, correct?
You would need to pass an array of all possible shipping rates, as far as I can tell. That array is used to determine pricing later on in the payment flow
elder moat
yeh, I followed those steps but not sure how they achieved to show "Amount pending" with loader on ApplePay?
because it looks like good UX to show that rather then total price includes "dummy" shipping before we get real customer address
stuck terrace
You can't show Pending Amount unfortunately, as that's only possible with setup mode since amount is required for payment and subscription mode
The shipping rates you're passing don't show in the UI though, as far as I can tell. Do you have an example of them showing before the customer enters a shipping address?
elder moat
I'll send you screenshot in a minute
ebon ice
Here's a screen, you can see it shows our workaround 'Free Delivery'' as soon as it loads up ApplePay, then around a second later thats replaced with our correct delivery methods.
stuck terrace
Ah, I see. I would say it's probably better UX to show the lowest amount you would charge, rather than a free placeholder, but that's just me. Unfortunately I'm not sure that there's a way to change to the UI you mentioned earlier in the thread
elder moat
could we somehow use mode=setup to achieve behaviour on first screenshot?
as you mentioned 'setup' mode but I can't find any info about it
ebon ice
Thats not really feasible to show the lowest price, that could still likely show an incorrect value for this second or so...
The website with the screen that showed 'Amount Pending' seems to hide the delivery section, until Amount Pending is completed, then show only the relevant delivery options
stuck terrace
Have you tested the flow with setup? What does it show?
elder moat
no, haven't tested - I'll try now
ebon ice
Do you have a link in docs for mode=setup please?
stuck terrace
Setup mode will setup a Payment Method without creating a payment. You get a Payment Method that can be charged at the end of the workflow.
To change to setup mode you just pass this parameter when you create the Checkout Session: https://stripe.com/docs/api/checkout/sessions/create#create_checkout_session-mode
ebon ice
Thanks
stuck terrace
ebon ice
Hmm but we want to make the actual payment within that modal
We have something similar to what you've mentioned there with PayPal Express (our own direct integration with PP)
stuck terrace
You can create the payment immediately after the Payment Method is setup, but that would be additional steps
ebon ice
Is there any way you can determine if thats how its been configured for the website who's screenshot I sent, if I send the link?
stuck terrace
I'm not sure. Why?
ebon ice
Curious if for example Shopify have used this as a workaround considering the UI glitch we've found
stuck terrace
We can't really poke at other people's websites for you unfortunately. If you want to find yourself, you'll need to get to the point where they create a Checkout Session, then check the network logs to see if you can find setup mode as an attribute
ebon ice
Sure I understand, we can take a look, its a shame this common scenario isn't handled/documented
Common meaning... we can only offer correct delivery options/prices once we know the customers address (yet we have to send a value before we know the address)
stuck terrace
I can understand the frustration. I just wish I had a better answer for you