Order Review Step
Three editable ruled sections plus a pay button that promises to charge exactly the number printed on it.
Three editable ruled sections plus a pay button that promises to charge exactly the number printed on it.
The Ecommerce Collection unlocks the source for every Ecommerce block. All Access unlocks every Collection.
Already purchased? Log in
Order Review Step presents three ruled sections, each with a right-aligned Edit button: deliver to (name and address lines), delivery method (service name and arrival window), and items (Placeholder thumbs with name, detail, and price in tabular-nums). Below them a totals card carries the subtotal, shipping, and the full total. The pay button states the exact number: Pay $217.00. Above it the promise line: “Nothing is charged until this button, and it charges exactly this number.” The footer completes the loop: “The confirmation email arrives within a minute. It comes from an inbox a person reads, reply to it and the team answers.”
Sections are separate const arrays, items are one mapped array with Placeholder thumbs. The promise line directly above the pay button is why the block converts.
Reach for this block as the final step before payment in any checkout. The human reply address in the footer must be real, it is what separates the footer from boilerplate.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is the address plus items plus exact charge promise. Other review steps:
Tip: “charges exactly this number” placed directly above the button removes the last hesitation at the moment it matters most.