Vấn đề
Mở bất kỳ app thương mại điện tử lớn nào — Tiki, Lazada, Shopee, hay Amazon — điểm chung đầu tiên bạn thấy là gì? Thanh điều hướng cố định ở dưới cùng màn hình. Trang chủ, danh mục, tìm kiếm, giỏ hàng, tài khoản — tất cả trong tầm với của ngón tay cái, luôn hiện diện dù bạn đang ở đâu trong app.
Store của bạn thì khác. Để quay về trang chủ, khách phải cuộn lên đầu rồi bấm logo. Để vào giỏ hàng, phải tìm icon ở header. Để đến danh mục khác, phải mở hamburger menu ra. Mỗi thao tác thêm một bước — và trên điện thoại, mỗi bước thêm là một cơ hội để khách bỏ cuộc.
Đây không phải vấn đề thẩm mỹ. Đây là vấn đề hành vi người dùng. Khách mobile đã quen với bottom navigation từ hàng chục app họ dùng hàng ngày — và khi store của bạn không có nó, trải nghiệm tự nhiên sẽ cảm thấy thiếu sót, kém chuyên nghiệp.
"Khách hay nhắn: 'Em không biết quay lại trang chủ bằng cách nào.' Tôi mới nhận ra — trên điện thoại, store của tôi trông như web từ 2015 trong khi app nào cũng có thanh dưới tiện lợi hơn nhiều."
— Một khách hàng của Navi+
Tại sao bottom navigation quan trọng đến vậy?
Khi màn hình điện thoại ngày càng lớn hơn (6–6.7 inch là phổ biến), vùng tiếp cận của ngón tay cái ngày càng bị giới hạn ở phần dưới màn hình. Các nghiên cứu UX chỉ ra rằng phần trên cùng của màn hình là vùng "chết" với người dùng di động — khó với tới, hay bấm nhầm.
Bottom navigation giải quyết điều này: đặt những tác vụ quan trọng nhất vào đúng nơi ngón tay cái chạm tới tự nhiên nhất. Đây là lý do tất cả các super-app đều đi theo pattern này — không phải vì trào lưu, mà vì nó thực sự hiệu quả.
- Giảm số bước điều hướng — từ 3–4 bước về 1 lần bấm
- Khách biết mình đang ở đâu — tab đang active được highlight rõ ràng
- Tăng pages/session — điều hướng dễ hơn, khách khám phá nhiều hơn
- Cảm giác chuyên nghiệp — store trông và hoạt động như một app thực thụ
Navi+ Tab Bar và FAB Button
Navi+ cung cấp Tab Bar — thanh điều hướng cố định ở cuối màn hình — và FAB Button (Floating Action Button) để truy cập nhanh vào các tác vụ ưu tiên. Cả hai đều tùy chỉnh hoàn toàn qua dashboard, không cần chỉnh code.
Tab Bar hỗ trợ tối đa 5 mục với icon tùy chọn. FAB Button có thể mở giỏ hàng, mở menu, hoặc chuyển thẳng đến trang bất kỳ chỉ với một lần nhấn. Kết hợp hai thứ này, store của bạn có trải nghiệm điều hướng ngang ngửa app native.
| Tính năng điều hướng mobile | Store mặc định | Navi+ Tab Bar + FAB |
|---|---|---|
| Bottom navigation bar cố định | ✗ | ✓ Luôn hiện, mọi trang |
| Floating Action Button | ✗ | ✓ Tùy chỉnh hành động |
| Icon tùy chọn cho từng tab | ✗ | ✓ Thư viện icon có sẵn |
| Highlight tab đang active | ✗ | ✓ Rõ ràng, tùy màu sắc |
| Badge số lượng giỏ hàng | Chỉ trên header | ✓ Ngay trên tab bar |
| Tùy chỉnh không cần code | Cần developer | ✓ Kéo thả trong dashboard |
Thiết lập như thế nào?
Vào Navi+ dashboard → Tab Bar → chọn số lượng tab (3–5 mục) → chọn icon và trang đích cho từng tab. Bật FAB Button nếu muốn thêm nút nổi. Lưu lại — Tab Bar xuất hiện ngay trên store của bạn, không cần reload hay deploy gì thêm.
Gợi ý thứ tự tab phổ biến: Trang chủ → Danh mục → Tìm kiếm → Giỏ hàng → Tài khoản. Điều chỉnh theo nhu cầu thực tế của store bạn.
Thêm bottom navigation cho store của bạn
Cài đặt miễn phí — không cần thẻ tín dụng, hoạt động trong vài phút, không cần chỉnh code.
Thêm bottom navigation cho store của bạn