Search blocks by description or jump to a page.
Contact, shipping, and payment in one visible column, nine fields, no account required.
The source for every Ecommerce block is included with Pro and Team. Start a plan to copy the code.
Already on a plan? Log in
One Page Checkout puts contact, shipping, and payment in one visible column with the field count announced up front, nine fields, no account required. The pay button states the amount, and the summary footnote makes the promise explicit, the button will never say continue and then find more steps.
Built on ui input and label primitives in semantic fieldsets. In production, swap the payment fieldset for your payment provider element, the layout holds.
Reach for this block when cart values are modest and friction kills more revenue than reassurance adds. High consideration purchases sometimes do better with the multi step checkout, where progress feels like care.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is the nine field guest checkout. Other single pages:
Tip: announce the field count in the subhead, nine fields is a promise of brevity that the form then visibly keeps.