Checkout Optimize Lab
Speed and conversion experiments for Shopify checkout

Progress indicators exist for one reason: shoppers tolerate effort they can estimate and abandon effort they cannot. A checkout that shows its shape, three steps, you are on the first, converts uncertainty into a plan. The trouble starts when teams treat the indicator as marketing and start editing the truth, merging steps on paper, hiding the long one, renumbering as they go.

Shoppers notice. Not consciously, usually, but in behavior: the stall when a supposedly final step produces another form, the back button hunt, the quiet tab close. Progress design is a promise, and checkout is the worst place in commerce to be caught breaking one.

Show the real steps, including the unglamorous ones

If your checkout has shipping, information, payment, and a review screen, it has four steps, whatever the indicator says. Compressing the display to three by hiding review works until the review appears, at which point the shopper learns the bar lies, and every later estimate the store makes is discounted. The short term gain in starts is repaid, with interest, in final step abandonment.

Long checkouts are not automatically bad checkouts. A four step flow with an honest indicator can out complete a three step flow that ambushes shoppers, because expectation, not step count, drives the feeling of length. If a step is genuinely tiny, merge the work, not the label: fold review into payment as a visible summary and the count becomes honest by construction.

Make position and progress readable at a glance

The indicator's job is answered in under a second: how far in am I, how much is left. Numbered steps with short labels beat decorative bars for that job, because a filling bar cannot say whether the remainder is one field or twenty. On mobile, where space squeezes the indicator into a corner, Step 2 of 3 with a label outperforms every abstract visualization.

Completed steps should stay marked as completed and, where the platform allows, clickable to revisit. A shopper who cannot go back to fix an address without losing their place experiences the indicator as a cage. Letting them move backward along a path they can see is itself a trust signal, and it reduces the panicked restarts that fragment orders.

Express checkout changes what progress means

Accelerated payment options short circuit the stepped flow entirely, and the indicator has to respect that. A shopper who chooses an express wallet should never see a step indicator for a journey they are not taking. Mixed screens, where wallet users land back inside the standard steps mid flow, are where indicator confusion peaks and where careful routing earns real conversion.

For the standard flow, naming the express option's effect helps too. Shoppers hesitate between paths when they cannot tell which is shorter. A plain note that the wallet path skips address entry sets the expectation the standard indicator cannot: two honest maps for two honest routes, each shown only to the shoppers actually walking it.

Test the reveal, not just the bar

When evaluating a progress redesign, instrument the moments of truth: the transition into each step, especially any step the old design hid or merged. Abandonment that moves from step two to the review reveal is not an improvement, it is a relocation, and only step level funnel data with time on step will show it.

Also read support and back button behavior. Shoppers who feel misled navigate defensively, clicking back to verify totals, screenshotting summaries, asking support how many steps remain. Those behaviors falling after a redesign is evidence the indicator now tells the truth in a way shoppers believe, which is the entire point of showing it.

Related reading

These earlier guides go deeper on connected questions: Reducing Checkout Redirects: Fewer Hops Between Cart, Payment, and Confirmation, How to Customize Your Shopify Checkout Page, and Shopify Plus Checkout Customization: What Is Actually Possible.

Frequently asked questions

How many steps should a checkout progress indicator show?

Exactly as many as the shopper will actually complete. If review is a separate screen, it is a step. Merging the underlying work is fine and often good; hiding a step in the display and revealing it later reads as deception and raises abandonment at the reveal.

Are progress bars or numbered steps better?

Numbered, labeled steps usually win because they answer both questions, where am I and what remains, at a glance. A filling bar shows proportion but cannot say whether the rest is one field or twenty. On mobile, a simple Step 2 of 3 with a short label is hard to beat.

Should completed steps be clickable?

Where the platform allows, yes. Letting shoppers revisit a finished step to correct an address, without losing their place, reduces defensive behavior and panicked restarts. The indicator should feel like a map of a path they control, not a one way chute.

How do express payment options affect progress indicators?

Wallet shoppers skip the stepped flow, so they should never see its indicator. Route them cleanly, and for standard flow shoppers, note plainly that the express path skips address entry. Two honest maps for two routes, each shown only to its own shoppers, prevents most confusion.