Express payment method buttons: Loading state

[ghost]

Recently, David made some design improvements to the express payment methods section:

One thing we should think about is the following, written by @garymurray

Something we may want to think about is how we handle things if the Express Payment button does not appear/load on the cart page for some reason – will the customer then just see the text link Checkout with another payment method or can we then show a button instead?

Something we may want to think about is how we handle things if the Express Payment button does not appear/load on the cart page for some reason – will the customer then just see the text link Checkout with another payment method or can we then show a button instead?

What can we do?

We have two different options:
1- We can show a loading state covering the whole area and make the buttons appear all at once when they load (assuming they do load)

2- We can load buttons independently

To take into consideration

What if one button loads and not the other one? How we show the error message? Do we display a reload action for the customer to manually reload after "x" amount of time? Or we just keep showing the loading state for that button till it pops up?

Apple and Google stores (if any interruption or connection issue appears) just keep the loading animation going till the buttons load:

[github-actions]

This issue has been marked as stale because it has not seen any activity within the past 60 days. Our team uses this tool to help surface issues for review. If you are the author of the issue there's no need to comment as it will be looked at.

Internal: After 10 days with no activity this issue will be automatically be closed.

[github-actions]

This issue has been marked as stale because it has not seen any activity within the past 60 days. Our team uses this tool to help surface issues for review. If you are the author of the issue there's no need to comment as it will be looked at.

Internal: After 10 days with no activity this issue will be automatically be closed.