Home / Glossary / Navigation
Glossary · N

Ecommerce navigation: build the menu from how your customers shop

Everything that gets a shopper from where they landed to what they want: menus, search, filters, breadcrumbs. Get it wrong and good products sit where nobody looks.

088Navigation
The system that allows users to move around a website, including menus, links, and buttons that guide them to different pages.
Two collection banners on a Shopify storefront built by Engage Commerce for a luxury watch retailer
Made of
Menus, site search, filters, breadcrumbs and links between pages
Build it from
The words customers type into your search box
Hidden cost
Filter combinations can create endless near-duplicate pages for search engines
Feeds
The category browse and site search flows in Klaviyo

Name the menu the way customers shop, not the way you stock

Menus tend to mirror how the business is organised: ranges, suppliers, the names the product team uses. Customers shop by need. Gifts for her, food for a puppy, something for a small kitchen. When the two don't match, people guess, and guessing on a phone is how sessions end.

Your search box already knows the right words. Shopify's analytics has a report of the searches that returned nothing, and it often reads like a list of menu items you haven't got. Start there.

On a phone the menu hides, so the first screen does the work

On mobile the main menu sits behind an icon, and every tap it takes is a tap some people won't make. So the first screen has to do the guiding.

  • Search visible at the top, not tucked inside the menu
  • Your top collections as tiles on the homepage, named in customers' words
  • Filters that work with a thumb: size, colour, price, in stock
  • Breadcrumbs on product pages, so a dead end has a way back

What your navigation tells Klaviyo

Every click through your menu is a signal. The category browse flow can write to someone who looked at a collection and opened nothing, and the site search flow can follow up a search that went nowhere. Both lean on collection names and search terms that mean something to a customer.

A collection called Edit Seven tells a shopper nothing. Neither does an email reminding them they looked at it.

FAQs

FAQs

Two Liberation chilli and lime cashew packs standing on an orange ground with fresh red chillies and a wedge of lime
How many items should go in the main menu?

As few as still covers how people shop. There's no correct number, but if two menu items would take a customer to mostly the same products, merge them. Then check your search report. If people keep searching for something, it's either missing from the menu or named in words nobody uses.

Should the search bar be visible on mobile?

Yes, for almost any shop with more than a handful of products. People who search usually know what they want, and hiding the box inside the menu puts a tap between them and buying. Keep it visible at the top, and check the searches that return nothing every month.

Do mega menus work on mobile?

Not as mega menus. On a phone they collapse into nested lists, and every level is another tap and another chance to give up. Keep the mobile menu shallow, lead with the collections people actually buy from, and let search and filters do the deep work.

Rather we explained it on your own account?

Bring your Klaviyo account to a growth consultation. We'll walk through what this means for your numbers, in plain English, and what we'd fix first.

Engage CommerceTheo Tziapouras, founder of Engage Commerce

Half an hour with Theo, our founder.

We're all about relationships built on trust, mutual respect and a shared vision for success. If that sounds like your vibe, let's make some waves together 🌊