One-Page vs Multi-Step Checkout: Which Wins?

ByTyler Ziton

Multi-step checkout wins for most stores. Each screen stays short on a phone, and the shopper sees one job at a time instead of the whole form. One-page checkout wins for small carts, single-product stores, and any checkout already trimmed to about 8 fields. Either way, Baymard found shoppers quit over fields, not steps.

Below is what the research measured, what Shopify picks for you, and what to fix before you touch the layout.

One-Page vs Multi-Step Checkout at a Glance

CriteriaOne-page checkoutMulti-step checkout
Best forSmall carts, single-product stores, reordersOrders with shipping choices, gifts, or more than one address
On a phoneOne long scroll once the form passes about 8 fieldsShort screens, one job each
First impressionThe whole form at onceOne step, with a bar showing what is left
Field countThe same fields, stackedThe same fields, split across 2 to 4 screens
Shopify defaultThe default layout on every planThe three-page layout, switched on under Settings > Checkout
Biggest riskLooks like homework when the form is longFeels like a maze when steps are hidden or mislabeled

How One-Page Checkout Works

One-page checkout puts contact, shipping, and payment on one screen, so the shopper never waits on a page load between deciding and paying. Shopify made it the default layout for every store, and its help docs on one-page checkout are clear that it collects the same information and reports the same analytics as the three-page version.

That stacking is the whole appeal. No next buttons, no waiting, no chance for a slow page to break the shopper’s momentum. On a fast connection with a short form, it is the closest thing to a paper order slip: fill it in, sign, done.

The problem is the wall. Baymard’s checkout flow research puts the average checkout at 5.1 steps and 11.3 form fields, and 17% of shoppers say they have abandoned an order over a long or complicated checkout. Stack 11 fields on one screen and the shopper sees all of that work at once, before typing a single letter.

So the layout only works when the form is short. A one-page checkout with 7 fields and an express wallet on top is quick. A one-page checkout with 15 fields is a form that looks like a tax return.

How Multi-Step Checkout Works

Multi-step checkout splits the same fields across two to four short screens, usually contact, then shipping, then payment, with a progress bar showing where the shopper stands. Shopify calls its version the three-page layout, and every plan can switch to it in a few clicks.

With the form split that way, each step has one job. The contact screen asks for an email and address. The shipping screen asks the shopper to pick a speed. The payment screen asks for a card. Nobody sees the card fields until they have already told you where to ship, and by then most people finish.

The order matters more than the page breaks. Email comes first, so your abandoned checkout emails have somewhere to go if the shopper leaves at step two. Shipping comes second, so the total is settled before the card comes out. Payment comes last, at the point of most commitment. Multi-step checkout is what Nielsen Norman Group calls a wizard, a layout they recommend for people doing an unfamiliar task, and a first-time buyer on your store is exactly that.

The same research warns where multi-step goes wrong. Steps that are hidden, grouped, or labeled with generic words like Next leave shoppers guessing how much is left, so the progress bar has to show every step by name. And the first ask on step one should be an email, never an account. Forcing an account pushes about one in five shoppers out on its own, which is the whole argument in guest checkout vs forced accounts.

Which Layout Wins on a Phone?

Multi-step checkout wins on a phone, since the small screen turns a one-page form into a scroll the shopper cannot see the end of. Baymard’s cart abandonment data puts the average US checkout at 23.48 form elements on screen by default when an optimized flow needs 12 to 14, and on a phone every one of those elements is another swipe.

Most of your checkouts start on that small screen. Most Shopify stores I look at run well over half their sessions on a phone, and the mobile vs desktop gap shows up in checkout more than anywhere else, as I cover in mobile vs desktop CRO. A layout that feels fine on a laptop is the one being judged by a thumb.

Multi-step fixes the scroll by giving the thumb one short form at a time. Three fields, a big button, the next screen. The shopper never sees how far the bottom is, because there is no bottom, only the next step.

On a phone, a short screen with a labeled next step beats a long screen with everything on it.

Still, one-page wins one phone case: the store where the whole form fits on a single screen without scrolling. Two fields, a wallet button, done. If that describes your checkout, leave it alone.

Multi-Step Wins When Orders Carry Decisions

Multi-step checkout wins when an order carries decisions. Every choice the shopper makes is easier on its own screen. Shipping speed, a gift note, a second address, buy now pay later, store pickup versus delivery: each one is a small fork, and a one-page layout shows all the forks at once.

Split them up and each fork becomes a simple question with an obvious answer. Pick a shipping speed, see the total update, move on. The shopper never has to hold three decisions in their head while typing a card number.

Google’s own Retail UX Playbook backs that split with two rules: show a progress bar whenever the flow runs past two steps, and start that bar with progress already made instead of at zero, so the shopper feels partway done the moment they land. The same playbook tells you to limit exit points in checkout to the homepage, the cart, and support, with no menu, which is the case I make in removing navigation from checkout.

Just know that decisions are the trigger, not cart size. A $400 order with one item and one shipping speed is a simple order. A $40 order with two addresses and a gift note is a complicated one, and the second is the one that wants steps.

One-Page Wins for Repeat Buyers and Single Products

One-page checkout wins for repeat buyers and single-product stores. A returning customer with a saved address and a saved card has nothing to decide, and a single-product store has nothing to configure, so page breaks only add doors to leave through.

The clearest case is the supplement store selling one bottle on subscription. Cart, email, address, card. There is no shipping speed to pick, no gift note, no second address, and a three-page layout would turn a 20-second checkout into three screens of the same 20 seconds. The same goes for digital downloads, where shipping fields should not exist at all.

Repeat buyers feel that difference even more. NN/g’s wizard research says the step-by-step layout is for people doing a task they rarely do, and it tells you to give frequent users a faster path instead. Your best customers are frequent users, and the fastest path for them is one screen with their details already filled in, or better, a wallet button that skips the screen entirely.

“Why do I have to type all this again? I bought from you last month.”

That is the question a returning customer is asking when they hit a full form, and a one-page layout with saved details is the answer to it. If most of your orders come from your list, the short form wins, and the layout question is really a saved-details question.

Fix the Fields Before the Layout

Fix the fields before the layout: the field count is where the abandonment lives, and the layout only changes how the fields are arranged. Baymard’s data puts a well-optimized checkout at 7 to 8 form fields against an average of 14.88, and Google’s playbook says the best-performing stores land at 6 to 8. Cutting the extras helps both layouts, and it costs nothing to test.

The trim I run on every client checkout goes in this order:

  • Merge first name and last name into one full name field. Google’s payment and address form guide says to use a single name input unless you have a real reason to store the parts separately.
  • Hide company and address line 2 behind a small link so they only appear when clicked.
  • Drop the phone number unless your carrier truly needs it for delivery, and say why if you keep it.
  • Turn on address autocomplete so one tap fills five fields and typos drop with it.
  • Set the right keyboard on every field: the number pad for card and zip, the email keyboard for email.
  • Add the autocomplete attributes on every input so the browser can fill saved details in one tap.

Whichever of those you start with, the before and after on a typical Shopify checkout looks like this:

FieldBeforeAfter
NameFirst name and last nameOne full name field
CompanyAlways shownHidden behind a link
Address line 2Always shownHidden behind a link
PhoneRequiredOptional, with a one-line reason
AddressTyped by handAutocomplete on
Total fields138

Also, the last two items on the trim list are the sleeper wins on mobile. Google’s guide sums up the whole exercise in one line: do not ask for data you do not need. A field you delete can never be typed wrong, and a field the browser fills never gets typed at all.

Then measure the damage the long form was doing. A long checkout is one of the top reasons behind shoppers who add to cart but never check out, and the add-to-cart rate against the purchase rate in your analytics tells you how much of that leak lives in checkout. On most stores I audit, deleting four fields moves that number more than any layout swap would.

Do You Still Need to Choose on Shopify?

Yes, you still need to choose on Shopify, and the choice is one setting under Settings > Checkout, where the layout dropdown flips between one-page and three-page. Shopify sets every new store to one-page, so most owners have never opened that menu, and most have never tested the other option.

Should I switch my Shopify store to the three-page layout?

Switch to three-page when your checkout carries decisions or runs past about 8 fields on a phone. Shopify’s enterprise checkout data shows its checkout converts about 15% better than competing platforms on average, and up to 36% better, in either layout, so you are choosing between two good options, not rescuing a bad one. Stay on one-page when the form is short and the wallet buttons sit at the top.

Do express wallets make the layout question moot?

Express wallets shrink the layout question but do not erase it. Shop Pay lifts conversion by as much as 50% over guest checkout and completes 4 times faster, per the same Shopify page, and a shopper who taps it never sees your layout at all. The layout still decides the outcome for everyone else, and on most stores that is more than half of orders.

Does a progress bar help on a one-page checkout?

A progress bar does not help on a one-page checkout, since there are no steps to track and the bar only adds clutter. Google’s playbook ties the bar to flows with more than two steps. On a one-page layout the equivalent is an order summary pinned beside the form, so the shopper can see what they are buying without scrolling away from the fields.

Which Should You Pick?

Pick multi-step checkout if most of your traffic is mobile, your orders carry shipping or gift decisions, or your form still runs past 8 fields after the trim above. Pick one-page checkout if you sell one product or a small cart, your form fits on a phone screen without scrolling, and your express wallets sit above the fold.

Pick multi-step if:

  • Your checkout runs past about 8 fields and you cannot cut more.
  • Shoppers choose shipping speeds, pickup, gift options, or a second address.
  • More than two thirds of your sessions are on a phone.

Pick one-page if:

  • You sell a single product, a digital download, or a subscription with no shipping choices.
  • The whole form fits on one phone screen with the wallet buttons on top.
  • Most of your orders are repeat buyers who already have details saved.

Either way, test the switch the honest way: cut the fields first, then flip the layout for two full weeks and compare checkout completion in your analytics. When a client wants that done and measured for them, it is part of my CRO services for Shopify stores, and the layout call is usually settled by the second week.

Want Me to Walk Your Checkout?

The layouts are closer than the arguments about them. The fields decide, the wallets skip the whole debate, and the phone screen breaks the tie for most stores in favor of short steps.

If you want a second opinion on yours, book a call. I will go through your checkout on a phone and on a laptop and mark every field I would cut, in order, before we talk about layouts at all. If you want the ongoing testing handled, that is what my CRO services are for.

Sources:

SEO Consultant

Tyler Ziton is an SEO consultant and founder of Ziton Digital. He has driven $21M in annual organic revenue for 30+ brands including Park Seed, Flexfire, and Fieldsheer, and builds organic revenue systems for Shopify stores using SEO, AI search, and CRO.

Similar Posts