Cách sử dụng?
Tab Bar - còn được biết đến với tên gọi Bottom Navigation Bar, Bottom Nav, hoặc Tab Navigation - là một phong cách điều hướng hiện đại được sử dụng bởi các thương hiệu toàn cầu như Shein, ASOS, Zara, Etsy, H\&M, Nike, và Uniqlo để nâng cao trải nghiệm người dùng trên di động. Nó hoạt động tốt cho các trang web có mọi kích cỡ và hiệu quả trên cả di động và máy tính để bàn.
Lợi ích chính:
- Đặt các liên kết quan trọng trong tầm tay để truy cập nhanh chóng, thuận tiện
- Tập trung hóa điều hướng chính, giúp người dùng và các công cụ tìm kiếm hiểu rõ hơn về trang web của bạn – tuyệt vời cho SEO
- Cung cấp một cái nhìn hiện đại, chuyên nghiệp theo xu hướng thiết kế UX và thân thiện với di động hiện tại
- Luôn hiển thị trên tất cả các trang, vì vậy khách hàng không bao giờ bỏ lỡ các liên kết quan trọng như khuyến mãi, sản phẩm đang thịnh hành, hoặc ưu đãi thành viên
Câu hỏi thường gặp:
1. Tôi chưa quyết định có nên sử dụng phiên bản miễn phí hay trả phí. Tôi có thể thử các mẫu menu chuyên nghiệp không?
Chắc chắn rồi! Các nhóm menu chủ yếu nhằm giúp người mới bắt đầu tránh cảm thấy choáng ngợp bởi các tính năng nâng cao trong Navi+ 😄.\Cách tốt nhất là thử nghiệm các menu chuyên nghiệp để khám phá tất cả các tính năng và tùy chọn bố cục. Sau đó, bạn có thể đơn giản xóa bất kỳ menu nào bạn không cần hoặc thấy không phù hợp.
2. Việc tạo một menu ở đây có làm nó xuất hiện ngay lập tức trên trang web của tôi không?
Chưa đâu. Bạn sẽ cần phải xuất bản menu đúng để nó xuất hiện trên trang web của bạn. Đừng lo — điều này rất dễ dàng!
3. Nếu tôi chọn sai mẫu hoặc mắc lỗi thì sao?
Không vấn đề gì cả. Bạn có thể xóa nó và tạo một cái mới bất cứ lúc nào.\Nếu bạn đang thử nghiệm một menu và muốn thử một mẫu khác, bạn có thể lưu cái hiện tại như một tệp sao lưu và mở lại sau.\Bạn thậm chí có thể sao chép và dán các phần giữa các menu (bằng cách mở hai tab trình duyệt) để giữ lại công việc trước đó. Hãy thoải mái thử nghiệm!
4. Tôi nên tạo chỉ một menu hay nhiều menu?
Bạn nên tạo nhiều menu.\Chỉ có menu đang hoạt động sẽ hiển thị trên trang web của bạn, nhưng bạn có thể chuẩn bị nhiều phiên bản — bằng cách chọn các mẫu khác nhau hoặc nhân bản các menu.\Các menu có thể được cấu hình để hiển thị/ẩn dựa trên loại trang (trang chủ, sản phẩm, bộ sưu tập...), thiết bị (di động hoặc máy tính để bàn), hoặc từ khóa URL.\Vì vậy, hãy tiếp tục và xây dựng các menu phù hợp với từng tình huống!
Bước 1: Chỉnh sửa cây menu
1.1. Hiểu về Cây Menu
Cây menu là phần quan trọng nhất của bất kỳ menu nào — nó xác định cấu trúc.
Dưới đây là một ví dụ về cây menu:
Home
Catalog
- All Mountain
- Cruise Flex
- Balance Ride
- Freestyle
- Park Board
- Jib Board
- Freeride
Support
More
Đây là một cây menu 3 cấp. Cấp 1 bao gồm Home, Catalog, Support và More.**All-Mountain** là một mục menu cấp 2, với hai mục con: Cruise Flex và Balance Ride.
Bạn sẽ dành phần lớn thời gian của mình để xây dựng cây menu này cho trang web của bạn, giúp khách hàng tìm thấy nội dung họ đang tìm kiếm.
1.2. Các tương tác cơ bản với Cây Menu
Bạn có thể kéo và thả các mục menu lên và xuống hoặc sang trái và phải để thay đổi vị trí và mối quan hệ cha-con trong cây menu.
Khi bạn di chuột qua bất kỳ mục menu nào, bạn sẽ thấy các tùy chọn bổ sung: chỉnh sửa chi tiết của mục, xóa nó khỏi cây menu, hoặc sao chép và dán nó ở nơi khác.
Mẹo: Bạn có thể sao chép một mục menu từ menu này sang menu khác bằng cách mở ứng dụng Navi+ trong hai tab trình duyệt.
1.3. QUAN TRỌNG! Xóa các mục menu mẫu và chỉ giữ lại cấu trúc bạn muốn.
Đây là một tình huống phổ biến khi tạo một menu với Navi+. Khi bạn tạo một menu mới, chúng tôi bao gồm một ví dụ đầy đủ với các mục menu phổ biến để hiển thị ý tưởng bố cục và cho phép bạn sao chép/dán khi cần. Tuy nhiên, nếu bạn mới sử dụng Navi+ và đang sử dụng gói Starter, bạn sẽ thấy nhiều cảnh báo đỏ (i) cho các tính năng không khả dụng, chẳng hạn như tải lên hình ảnh hoặc sử dụng các tương tác nâng cao.
Nếu bạn thích những tính năng nâng cao này, hãy xem xét nâng cấp lên gói Business hoặc Elite. Nhưng nếu bạn muốn tiếp tục với gói Starter, hãy tìm và xóa các mục menu có cảnh báo đỏ (i).
Mẹo quan trọng: Khi xác nhận xóa xuất hiện, hãy bật “Đừng hỏi lại lần sau” để xóa nhanh hơn.
1.4. Thêm các mục menu vào Cây Menu
Để thêm một mục menu, bạn có hai tùy chọn:
Tùy chọn 1 **(Không khuyến nghị nếu bạn mới sử dụng Navi+)**: Nhấp vào “Thêm menu” để chèn một mục menu trống ở cuối cây menu. Phương pháp này yêu cầu bạn phải hiểu rõ về các cài đặt mục menu, mà chúng tôi sẽ đề cập bên dưới. Nó có thể cảm thấy choáng ngợp lúc đầu, vì vậy bạn có thể khám phá điều này sau.
Tùy chọn 2 (Khuyến nghị): Chúng tôi đã chuẩn bị nhiều mẫu mục menu được thiết kế tốt cho bạn. Chỉ cần sao chép và dán chúng vào đúng vị trí. Sau khi hoàn thành cây menu của bạn, chỉ cần xóa các mẫu không sử dụng.