Cài đặt Navi+
Bước 1 — Cài đặt
Shopify: Cài từ Shopify App Store. App tự động mở sau khi cài.
Wix: Cài Navi+ từ Wix App Market. Nó mở trong dashboard Wix của bạn và tự nhúng vào site live — không cần dán code, không cần tài khoản riêng. Xác thực và thanh toán xử lý qua Wix.
Các nền tảng khác (WordPress, WooCommerce, Webflow, Squarespace, hay bất kỳ website):
- Tạo tài khoản miễn phí tại dash.naviplus.app
- Khai báo tên miền website của bạn
- Copy đoạn embed snippet — sẽ dùng ở Bước 2
Bước 2 — Hiểu cách menu của bạn sẽ triển khai
Navi+ dùng ba phương pháp triển khai khác nhau tùy theo loại menu. Hiểu từ đầu sẽ tiết kiệm thời gian cài đặt.
1. Menu nổi — Tab Bar & FAB
Tab Bar và FAB là menu dính nổi trên trang của bạn ở vị trí cố định. Chúng không bao giờ cuộn mất.
Đỉnh, đáy, trái, hoặc phải của màn hình
Ẩn khi cuộn xuống, lộ lại khi cuộn lên
Ẩn mặc định, chỉ hiển thị khi user cuộn xuống — tiết kiệm không gian
Trường hợp sử dụng phổ biến: gộp các yếu tố nổi khác — WhatsApp, Crisp, Messenger, live chat — vào menu item Navi+. Giải phóng không gian màn hình, bỏ đi sự lộn xộn của nhiều icon nổi xếp chồng.
2. Menu định vị — Mega Menu & Grid Menu
Mega Menu và Grid Menu cần đặt ở một vị trí cụ thể trên trang. Có vài cách:
Chỉ định Navi+ đến phần tử trên trang. Chèn trước, sau, hoặc thay thế — cách Mega Menu có thể thay hoàn toàn menu cũ.
Dùng App Block trong Theme Customizer để đặt menu vào bất kỳ phần nào — không cần code.
Dán đoạn mã vào HTML trang tại điểm chính xác menu cần xuất hiện.
CSS Selector là cách xác định bất kỳ phần tử trên trang — cách trình duyệt nhắm đến những phần cụ thể. Navi+ dùng để biết chính xác nơi tiêm menu. Bạn không cần viết CSS; Navi+ có công cụ chọn hình ảnh tìm selector cho bạn.
3. Menu kích hoạt — Slide Menu
Slide Menu không hiện tự động. Nó ẩn cho đến khi có điều gì kích hoạt:
User bấm thứ gì đó trên trang — như icon hamburger của theme
Bất kỳ phần tử trên trang — xác định bằng CSS Selector
Item Tab Bar hoặc FAB bấm vào là mở Slide Menu
Điều này làm Slide Menu linh hoạt — có thể thay menu cũ mà không thêm gì mới về mặt hình ảnh.
Bước 3 — Tạo menu đầu tiên
Sau cài đặt, vào dashboard tạo menu đầu tiên. → Menu đầu tiên của bạn (quickstart 5 phút)