Should You Remove Navigation From Checkout?
Yes, you should remove navigation from checkout. Baymard has recommended an enclosed checkout since 2016, and Google’s retail playbook allows only three exits in checkout: the homepage, the cart, and support. Keep your logo, the order summary, and a support link, and check it on a phone first.
Short answer: Strip the main menu, search bar, and promo banner from checkout, keep the logo, a path back to the cart, an order summary, and a support link, and leave the cart page’s navigation alone.
Why Removing Navigation From Checkout Works
Removing navigation from checkout works by taking away the exits at the exact moment your shopper is trying to pay. Baymard’s checkout UX guide calls the pattern enclosed checkout design: strip the main site navigation to stop shoppers from pogo-sticking back to product pages, and leave only the logo as an escape hatch.
That menu did its job getting the shopper here. From the cart onward it can only take them somewhere else: one more comparison, one more detour to a collection page, one more chance for the phone to ring. You want the only obvious next step to be the pay button.
Google reached the same conclusion on its own data. Its Retail UX Playbook tells stores to limit exit points during the conversion flow and to allow only three: the homepage, back to the cart, and contact support. The playbook’s own wording on the menu is two words long: no menu.
Phones raise those stakes further. On a small screen a menu icon sits a thumb-width from the checkout button, and one wrong tap dumps the shopper back on the homepage with a half-filled form behind them. Fewer choices per screen means more finished orders, which is the same math behind one-page vs multi-step checkout.
The escape hatch matters as much as the removal. Amazon’s checkout has run this way for years: the logo in the corner, a secure checkout label, no search bar, no department menu, and the order summary beside the form. A shopper who really needs out clicks the logo. Everyone else sees one path forward, and that path is the button.
What the Research Says About Enclosed Checkout
The research on enclosed checkout is consistent across a decade of testing. Baymard first logged its enclosed checkout guideline in September 2016 and has updated it 11 times since, most recently in July 2026, and the finding has not moved: dominant elements outside the checkout, the main navigation above all, pull shoppers off the task.
The size of the prize behind that advice is bigger than most owners expect. Baymard’s cart abandonment data puts the average abandonment rate at 70.22% across 50 studies, and the average large site can lift conversion 35.26% through checkout design alone, with 39 improvements available on the average checkout. Enclosing the checkout is one of the cheapest items on that list.
| Finding | Figure | Source |
|---|---|---|
| Average cart abandonment rate | 70.22% | Baymard, 50 studies |
| Abandoned over a long or complicated checkout | 17% of US shoppers | Baymard, 2025 |
| Conversion lift available from checkout design | 35.26% | Baymard benchmark |
| Exits Google allows in checkout | Homepage, cart, support | Google Retail UX Playbook |
| Years the enclosed checkout guideline has held | 10, since 2016 | Baymard guideline 606 |
Just know that the 17% who quit over complexity are not all leaving because of a menu. Long forms and surprise costs do more damage, and a header full of links adds to the feeling of a page that wants too much. Shoppers who add to cart but never check out usually have three or four of these leaks stacked, and the menu is the one you can close in an afternoon.
Enclosing checkout costs a theme tweak, not a replatform, and it never has to be tested twice.
Keep These Four Things in the Checkout Header
Keep four things in the checkout header once the menu is gone: your logo, an order summary, a way back to the cart, and a support contact. Baymard’s escape-hatch rule is the reason for the first one, and the other three answer the questions a shopper asks right before paying.
- Your logo, linked to the homepage, so the shopper knows which store they are paying and has one clean way out if they need it.
- An order summary, so nobody leaves checkout to go double-check the cart. That round trip is exactly the exit you removed the menu to prevent.
- A back-to-cart link, since a shopper who wants to change a quantity will find a way, and the way you give them is safer than the browser’s back button.
- A support contact, a phone number or a chat link, near the payment step, so the first-time buyer’s quiet question has an answer: is anyone home if this goes wrong?
Beyond those four, the payment section is where the reassurance belongs. Baymard’s research on perceived security found 19% of shoppers have abandoned a checkout because they did not trust the site with their card details, and the fix is a visually distinct card section with a familiar logo on it. I go through which badges shoppers recognize in do trust badges work, and the short version is that recognition beats technology.
So the header shrinks and the payment box gets stronger. That is the whole redesign. No search bar, no category menu, no promo banner announcing a sale that restarts the browsing session, and no footer beyond the policy links.
On a phone, the same four things stack differently. The logo sits alone at the top, the order summary collapses into a tap-to-expand line with the total showing, the cart link lives inside that summary, and the support link sits under the pay button where the shopper’s eyes end up anyway. Keep the total visible in the collapsed state, since a hidden total is the number shoppers scroll back to check.
How to Remove Navigation From Checkout on Your Platform
Removing navigation from checkout takes a setting on most platforms and a short template edit on the rest, and none of it needs a developer for more than an hour. The table below is where the switch lives on the platforms I see most.
| Platform | Where the menu comes from | How to enclose checkout |
|---|---|---|
| Shopify | Already removed; the hosted checkout shows only your logo, the steps, and the summary | Nothing to do beyond uploading a logo under Settings > Checkout > Customize |
| WooCommerce | Your theme’s site header, shown on every page | Most themes carry a distraction-free checkout toggle; otherwise hide the header menu on the checkout page with one CSS rule |
| BigCommerce | Already removed on the optimized one-page checkout | Confirm the logo is set in the checkout settings |
| Custom build | Whatever layout template the checkout inherits | Give checkout its own layout with a logo, order summary, cart link, and support link, and nothing else |
Whichever row is yours, check the result on a phone before you call it done. The desktop header may be gone while a mobile hamburger icon still sits in the corner, and the phone is where most of your checkouts start.
Then look at what the change did. Compare checkout completion for the two weeks before and after in your analytics, on mobile and desktop separately. The lift is usually small and steady, a point or two of completion, and it holds since it does not ride on a campaign or a discount.
Is Your Checkout Already Enclosed?
Your checkout is already enclosed if you run on Shopify, since Shopify’s hosted checkout drops the store navigation by default and shows your logo, the checkout steps, and the order summary. Most modern hosted checkouts do the same, so this fix may already be done for you.
That is why the first move is to open your own checkout on a phone and look. If the main menu is gone, spend the afternoon on the next leak instead, and on most stores that is the account wall, which is the argument in guest checkout vs forced accounts. If the menu is still there, it is a theme setting or a checkout template edit, and on WooCommerce or a custom build it is usually a distraction-free checkout option or one short CSS rule.
Does this apply to the cart page too?
No, this does not apply to the cart page. Shoppers use the cart as a holding pen while they keep shopping, so a cart without navigation strands them and sends them back to the browser’s back button. Strip the menu from checkout only, and give the cart page a big checkout button plus the full menu.
What about the footer and the promo bar?
The footer and the promo bar go too, down to the policy links. A footer with 30 links is a menu lying down, and a sale banner in checkout invites the shopper to leave and see what else is on sale. The ideal is a page with one job that shows it, and when a client wants that audit done and the theme edits made, it is part of my CRO services for Shopify stores.
Want Me to Check Your Checkout Exits?
Removing navigation from checkout is a small fix with a clear upside: fewer exits at the moment of payment and a cleaner path to the thank-you page. You lose nothing, since a shopper who truly wants out will find the back button anyway. Keep the logo, the summary, the cart link, and support, and cut the rest.
If you want a second set of eyes on yours, book a call and I will walk through your checkout on a phone and flag the three biggest exits I see. If you want the fixes handled, that is what my CRO services are for.
Sources:
- Baymard Institute: Ecommerce Checkout UX Guide: https://baymard.com/blog/checkout-flow-ux-optimization
- Baymard Institute: Enclosed Checkout Design Guideline: https://baymard.com/guidelines/606-enclosed-checkout-design
- Baymard Institute: Cart Abandonment Rate Statistics: https://baymard.com/lists/cart-abandonment-rate
- Baymard Institute: How Users Perceive Security During Checkout: https://baymard.com/blog/perceived-security-of-payment-form
- Google: Retail UX Playbook: https://services.google.com/fh/files/events/pdf_retail_ux_playbook.pdf
