One Page Checkout for Magento 2

The default Magento 2 checkout walks your customers through separate steps and asks for a Next click at every stage. One Page Checkout puts all four numbered sections on a single screen: 01 Contact, 02 Shipping Address, 03 Delivery Method, and 04 Payment. The form uses Magento's exact native field schema, so nothing is renamed, reordered, or silently dropped, and returning customers can sign in right at the top.

As soon as a section is complete and valid, it saves in the background and the next section unlocks. Payment shows a clear placeholder until shipping is saved, with a progress line that tells the customer exactly what is left to do. If you prefer the classic button flow, auto-save is a setting you can switch off in admin.

An express pay row sits above the form for PayPal, Venmo, Apple Pay, and Google Pay. Each button is rendered by its own payment gateway, exactly as the gateway ships it, so wallet approval flows, Pay Later offers, and fraud checks behave as the provider intends.

Cards, wallets, buy-now-pay-later, and offline methods like checks, bank transfer, and cash on delivery all render as consistent, styled method cards. The selected method expands in place, and the Place Order button in the sticky order summary always reflects the current total.

Your payment provider's secure fields stay in charge. With Braintree, for example, the card number, expiration, and CVV inputs are the provider's own hosted fields, restyled to match the page. Vaulted cards appear for returning customers and 3-D Secure challenges open in a matching modal. We never touch the markup a gateway owns, which is what keeps certified payment flows certified.

Signed-in customers see their Magento address book as selectable cards, with the default preselected and the address form hidden until they want a new one. On the compact layout the same addresses appear as quick chips above the form, so repeat buyers never retype anything.

Billing defaults to the shipping address with a single checkbox. Unchecking it reveals a full billing form in place, with the same fields and validation as shipping, so B2B buyers and gift senders are covered without cluttering the page for everyone else.

On mobile the checkout becomes a single fast column with a collapsed order summary pinned to the top. Tapping the total opens a bottom sheet with line items, promo code entry, and totals, so customers can double-check the order without losing their place in the form.

Errors appear inline, next to the field that needs attention, and payment declines show a clear banner with the gateway's message. Everything the customer already entered stays put, so a typo or an expired card never means starting over.

Most one step checkout extensions replace the native checkout, and that is where the conflicts start. Ours never overrides a class, a route, or a checkout template. It adds behavior through Magento's own plugin and mixin systems, respects every validator other extensions register, stays fully inactive on Hyva Checkout, and runs clean under the strict Content Security Policy mode of Magento 2.4.7 and newer. Disable it and your checkout returns to stock Magento, byte for byte.

A paid Pro extension is in development. It adds Google address autocomplete (the street-address suggestions you can see in these screenshots), a branded order success page with a delivery timeline and one-click account creation, additional checkout fields you define in admin, a terms and conditions step at Place Order, and payment and shipping restriction rules. Pricing will be announced at launch.