Express Checkout Wall
Wallet buttons stacked full width first with the measured 40 second reason stated, card form collapsed below.
Wallet buttons stacked full width first with the measured 40 second reason stated, card form collapsed below.
Search blocks by description or jump to a page.
The source for every Ecommerce block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Express Checkout Wall leads with wallet buttons stacked full width, each labeled in italic: Apple Pay, Google Pay, Shop Pay. The reason for the order is stated before the buttons: “Wallets come first because they are 40 seconds faster on average, measured across our own checkouts. That is the whole reason for the order.” Below a divider sits the card form as a collapsed panel, fields compact, the footnote honest: “Same price and the same dispatch queue either way. The card path just has more typing in it.”
Wallets are one array, mapped to full width buttons. The step context (Checkout, step 3 of 3) sets the header. The measured honesty about the ordering is the whole block.
Reach for this block as the payment step in any checkout flow that already supports wallet APIs. The 40 seconds claim must reflect real measurement or the text needs updating to your own figure.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is the three wallet stack with card fallback. Other payment walls:
Tip: publish the reason for the wallet ordering, buyers assume darker motives when the choice is unexplained and trust the page more when the arithmetic is right there.