Vận hành một store đủ lâu, tôi nhận ra phần lớn khách rời đi không phải vì sản phẩm tệ, mà vì họ không tìm được thứ họ muốn đủ nhanh. Phần lớn trục trặc đó nằm ở điều hướng. Bài này gom lại năm lỗi navigation Shopify hay gặp nhất, cách nhận biết từng lỗi, và hướng sửa gọn nhất.
Một con số đáng ghi nhớ trước khi đi vào chi tiết: theo Baymard Institute, tỷ lệ bỏ giỏ hàng trung bình trong thương mại điện tử vào khoảng 70%. Không phải tất cả đến từ navigation, nhưng một phần khách rời đi từ rất sớm, trước cả bước thêm vào giỏ, đơn giản vì họ lạc đường.
Lỗi 1: Quá nhiều mục menu cấp 1
Đây là lỗi dễ mắc nhất, vì nó đến từ thiện chí. Người bán muốn khách thấy hết mọi thứ nên nhét tất cả lên thanh menu chính: mười mấy mục cấp 1, có khi gần hai mươi.
Vấn đề là khi mọi thứ đều quan trọng thì không gì quan trọng. Khách nhìn một dãy dài, không biết bắt đầu từ đâu, nên thường không bắt đầu gì cả.
Cách nhận biết khá đơn giản. Mở trang chủ trên desktop và đếm số mục cấp 1. Nếu menu phải xuống dòng thứ hai, bạn đang quá tải. Trên mobile, nếu danh sách cấp 1 kéo dài hơn một màn hình mà chưa hết, đó cũng là dấu hiệu.
Hướng sửa: gom các mục liên quan vào nhóm. Một shop thời trang không cần “Áo thun”, “Áo sơ mi”, “Áo khoác” tách riêng ở cấp 1 — gộp thành “Áo” rồi để các loại nằm bên trong. Giữ menu cấp 1 ở khoảng 5 đến 7 mục để khách quét qua được trong một, hai giây.
Lỗi 2: Thiếu mega menu cho store nhiều danh mục
Khi đã gom nhóm gọn gàng, lại nảy sinh vấn đề ngược: danh mục con bị chôn quá sâu. Khách phải click vào “Áo”, chờ trang tải, mới thấy có những loại nào, rồi click tiếp. Mỗi cú click thừa là một cơ hội để họ bỏ cuộc.
Đây là lúc mega menu phát huy tác dụng. Mega menu là bảng thả lớn nhiều cột, hiện toàn bộ cấu trúc danh mục ngay khi khách rê chuột, để họ nhảy từ danh mục lớn xuống danh mục con chỉ trong một thao tác. Với catalog rộng, đây gần như là chuẩn mặc định trên các site bán hàng lớn.
Cách nhận biết store của bạn cần mega menu: nếu khách phải click từ ba lần trở lên mới tới được trang danh sách sản phẩm, hoặc bạn có nhiều danh mục con mà không có cách nào nhìn thấy chúng cùng lúc, đó là dấu hiệu.
Một lưu ý khi làm mega menu: nếu bảng menu không có độ trễ hover, nó sẽ nhấp nháy mỗi khi chuột vô tình lướt qua. Nếu dùng công cụ dựng menu, hãy chọn loại xử lý sẵn chuyện này. Navi+ (https://naviplus.io) tạo mega menu cho desktop bằng kéo thả, không cần code, nên bạn không phải tự lo phần kỹ thuật đó.
Lỗi 3: Trên mobile chỉ dựa vào hamburger menu
Phần lớn khách Việt mua sắm bằng điện thoại, nên đây là lỗi tốn kém nhất. Nhiều store đẩy toàn bộ điều hướng vào một biểu tượng ba gạch ở góc — menu Shopify dạng hamburger — rồi coi như xong. Nhưng giấu hết đi đồng nghĩa khách phải chủ động mở mới thấy, và phần lớn không buồn mở.
Nielsen Norman Group từng kiểm tra điều này trên cả điện thoại lẫn desktop. Kết quả: khi điều hướng bị ẩn đi, khách khó tìm thấy mục cần hơn, thao tác chậm hơn và tự đánh giá việc tìm kiếm khó hơn so với khi menu hiển thị rõ. Nói cách khác, cái gì khách không nhìn thấy thì coi như không tồn tại với họ.
Cách nhận biết: mở store bằng chính điện thoại của bạn. Nếu để tới được danh mục bán chạy nhất, bạn phải bấm hamburger rồi cuộn rồi bấm tiếp, hãy tưởng tượng một khách đang vội, đứng đợi xe.
Hướng sửa không phải bỏ hamburger, mà là đưa những lối đi quan trọng ra ngoài, nơi ngón tay với tới được mà không cần mở gì. Một thanh Tab Bar cố định ở đáy màn hình — kiểu các app khách dùng hàng ngày — đặt sẵn Trang chủ, Danh mục, Tìm kiếm, Giỏ hàng ngay trong vùng ngón cái. Đây là loại menu Navi+ tạo riêng cho mobile, cấu hình tách biệt với desktop, nên bạn giữ được hamburger cho phần phụ và để Tab Bar lo phần chính.
Lỗi 4: Không có breadcrumb hay chỉ báo vị trí
Khách lướt sâu vào catalog rồi quên mất mình đang ở đâu. Họ vào một trang sản phẩm qua quảng cáo hoặc tìm kiếm, thích món đó, nhưng muốn xem thêm sản phẩm tương tự — và không có đường nào để lùi về danh mục cha một cách tự nhiên.
Breadcrumb là dải chỉ đường nhỏ kiểu “Trang chủ > Áo > Áo thun > Áo thun nam” đặt phía trên tên sản phẩm. Nó trả lời hai câu hỏi cùng lúc: tôi đang ở đâu, và làm sao lùi ra một cấp. Nghe đơn giản nhưng nhiều theme Shopify không bật sẵn, hoặc người bán gỡ đi vì thấy “rối”.
Cách nhận biết: vào một trang sản phẩm bất kỳ và tự hỏi “muốn xem các sản phẩm cùng loại thì bấm vào đâu”. Nếu câu trả lời là bấm nút Back của trình duyệt, bạn đang thiếu chỉ báo vị trí.
Hướng sửa: bật breadcrumb cho trang danh mục và trang sản phẩm. Ngoài ra, làm rõ mục đang xem trên menu chính — ví dụ tô đậm hoặc gạch chân mục danh mục hiện tại — để khách luôn biết mình đứng ở nhánh nào.
Lỗi 5: Phân loại theo logic người bán, không theo cách người mua nghĩ
Đây là lỗi tinh vi nhất vì menu trông vẫn gọn gàng. Vấn đề nằm ở cách đặt nhóm. Người bán thường phân loại theo cách kho hàng hay nhà cung cấp sắp xếp, còn người mua lại nghĩ theo nhu cầu.
Ví dụ quen thuộc: một shop mỹ phẩm chia menu theo thương hiệu vì đó là cách họ nhập hàng. Nhưng khách thường không nhớ tên hãng — họ vào để tìm “kem chống nắng” hay “son lì”. Khi menu không có lối đi theo công dụng, khách phải tự đoán hãng nào có món mình cần, và đa số bỏ cuộc.
Baymard xếp việc chia danh mục sai logic vào nhóm vấn đề điều hướng tác động mạnh, vì nó để lại ấn tượng store khó dùng.
Cách nhận biết khó hơn bốn lỗi trên vì cần lắng nghe khách. Đọc lại tin nhắn và câu hỏi khách hay hỏi: nếu nhiều người nhắn “shop có bán X không” trong khi X rõ ràng đang có trên web, gần như chắc chắn họ không tìm ra qua menu. Đó là menu đang nói ngôn ngữ của bạn, không phải của họ.
Hướng sửa: đặt tên mục theo từ khách dùng, không theo từ nội bộ. Có thể giữ cả hai trục — vừa duyệt theo loại sản phẩm, vừa duyệt theo công dụng hoặc dịp dùng — nếu nhóm khách của bạn nghĩ theo nhiều cách khác nhau. Cách nhanh nhất để kiểm tra là nhờ vài người ngoài, chưa từng vào store, thử tìm một món cụ thể và quan sát họ bấm vào đâu đầu tiên.
Một lưu ý chung: đừng đánh đổi tốc độ
Khi sửa navigation, có một cái bẫy: thêm app, thêm hiệu ứng, rồi trang chậm đi. Mỗi app có thể kéo theo script làm nặng trang.
Google đặt ngưỡng “tốt” cho trải nghiệm tải trang ở LCP dưới 2,5 giây, INP dưới 200ms và CLS dưới 0,1. Menu đẹp mà làm trang giật, nhảy layout hay phản hồi chậm thì lợi bất cập hại. Khi chọn công cụ dựng menu, hãy ưu tiên loại quan tâm tới Core Web Vitals — đây cũng là tiêu chí Navi+ tối ưu, và menu giữ nguyên khi bạn đổi theme nên không phải dựng lại từ đầu mỗi lần thay giao diện.
Năm lỗi trên đều sửa được mà không cần biết code. Bắt đầu từ lỗi ảnh hưởng nhiều khách nhất với store của bạn — thường là phần mobile — rồi đi dần xuống.
Bài viết này nằm trong cẩm nang lớn hơn về Tại sao khách vào store nhưng không mua — và navigation liên quan thế nào.