Show them how close they are.
Information → Shipping → Payment, with live completed and current states.
1 
1 2 Exactly what your shopper sees — at the moment they're ready to buy.
The Checkout Ninja tag only marks the block in this preview — it never appears in your live checkout.
"Fantastic app, highly recommended. We've been using it for years — a long list of checkout customisations suited to our store. A must-have for all your Shopify checkout needs."
How to add Step Indicator to Shopify checkout
Install Checkout Ninja from the Shopify App Store, open the checkout editor, and drag the Step Indicator block into the section where you want it. Then configure it in three steps. No theme code, no checkout.liquid, and it survives every Shopify update because it runs on Checkout Extensibility.
Switch to a three-page checkout
The block only appears on three-page checkouts, because a one-page checkout has no separate steps. Set it under Settings → Checkout layout in the checkout editor.
Drop the block in
No step configuration. Information, Shipping and Payment are read live from checkout, so the states are always correct.
Add optional copy
An optional heading plus text above and below the steps — “Almost done!” and “Fast, safe checkout.” Leave them empty and they take no space.
-
Why isn't the block showing?
It requires a three-page checkout. On a one-page checkout there are no separate steps to indicate, so the block stays hidden. Switch layout under Settings → Checkout layout.
-
Do I have to configure the steps?
No. Steps are detected automatically from checkout — Information, Shipping, Payment — along with which are complete, current and upcoming.
-
Does it change anything about checkout behaviour?
No. It is visual only. It reports progress; it never gates or alters a step.
Build the rest of your checkout.
Shipping Progress Bar
A live bar showing how close the cart is to free shipping — the classic AOV lift.
See the block Conversion BoostersProgress Bar
Track subtotal, quantity or specific products against a ladder of milestones.
See the block Layout & ContentHeading
A clean, typographic section heading — your brand font, no theme code.
See the blockInstalled by these templates
All templates →Add the Step Indicator block today.
Every block + every feature, on a 3-day trial. No card. Live before your next order.