Cài Navi+ vào cửa hàng Shopify chỉ mất vài phút. Cài xong, bạn mở và quản lý menu ngay trong trang quản trị Shopify.
Trước khi bắt đầu
- Tài khoản của bạn là chủ cửa hàng hoặc nhân viên có quyền cài app.
- Navi+ chạy được trên hầu hết theme Shopify. Chỉ riêng cách chèn menu vào giữa trang bằng khối app Menu in Section là cần theme Online Store 2.0, còn theme cũ vẫn dùng được mọi kiểu đặt menu khác.
- Bạn không cần sửa code của theme.
Từ App Store tới menu đầu tiên
1Tìm Navi+ trên Shopify App Store
Vào Shopify App Store, gõ Navi+, bấm vào app Navi+ Tab Bar & Mega Menu (hoặc mở thẳng apps.shopify.com/pronavi-navigation-design).
2Cài app (Install)
Bấm Install. Nếu Shopify hỏi, đăng nhập đúng cửa hàng muốn cài. Xem các quyền rồi bấm Install app. Chờ vài giây, Navi+ tự mở trong trang quản trị.
3Bật Navi+ vào theme
Online Store > Themes > Customize. Bấm ① App embeds, ② bật Store Connector, ③ Save.
Mẹo: thử trên bản sao theme trước (Themes > … > Duplicate), ổn rồi mới bật trên theme đang chạy.
4Mở Navi+, bấm Add menu
Lần đầu, trang Navi+ còn trống. Bấm Add menu.
5Chọn Desktop Mega Menu
Chọn Desktop Mega Menu.
6Để AI dựng menu
Bấm Build with AI > Generate my menu. AI đọc danh mục, sản phẩm thật của shop và dựng menu trong vài chục giây.
This usually takes 10 to 40 seconds. Here is what AI is doing right now.18s
7Publish
Bấm 5 Publish, chọn chỗ đặt Mega Menu: ① thay menu chính của theme, ② ngay dưới header, hoặc ③ chỗ khác. Rồi ④ Turn on.
This is Shopify’s standard method - safe and removable anytime.
Mỗi loại menu publish một kiểu: Desktop Mega, Mobile Mega, Icon Menu chọn chỗ đặt trên trang · Tab Bar, Floating Button nổi trên trang, chỉ cần Turn on · Mobile Menu chọn nút mở (thường là ☰ của theme). Xem từng loại
8Menu hiện trên cửa hàng
Mở cửa hàng, rê chuột vào menu: xong.
Mở lại Navi+ sau này
Những lần sau, trong trang quản trị Shopify, bạn nhìn sang thanh bên trái và bấm Apps > Navi+.
Vì sao cài xong chưa thấy gì trên cửa hàng?
Mới cài app xong, giao diện cửa hàng của bạn vẫn giữ nguyên như cũ. Khách vào web chỉ thấy menu Navi+ sau khi bạn làm đủ hai bước:
- Bật app embed để nối Navi+ vào theme.
- Mở cửa sổ Publish của menu và bấm nút Turn on để đưa menu lên cửa hàng.
Bạn hãy làm bước 1 trước. Nếu muốn thử nghiệm an toàn mà không ảnh hưởng tới khách đang mua hàng, bạn có thể bật trên một bản sao của theme.
Navi+ không sửa file theme nào của bạn. Bạn muốn biết Navi+ gắn gì vào cửa hàng? Xem Navi+ hoạt động thế nào trên cửa hàng.
Nền tảng khác
Các bước ở trên dành cho Shopify — đây là cách mặc định.
- Mở Wix App Market, bấm Add to Site, chọn trang web của bạn rồi đồng ý các quyền.
- Navi+ mở ngay trong Wix Dashboard và tự gắn vào trang web đang chạy, bạn không cần dán thêm đoạn mã nào.
- Phí dịch vụ được thanh toán qua Wix.
Với WordPress:
- Trong trang quản trị WordPress, bạn vào Plugins > Add New và tìm Naviplus Menu Builder.
- Bấm Install Now, chờ cài xong rồi bấm Activate.
- Nếu host chặn cài trực tiếp từ thư viện, bạn tải file ZIP tại wordpress.org/plugins/naviplus-menu-builder rồi tải lên ở mục Plugins > Add New > Upload Plugin.
Với Webflow, Squarespace hoặc website cho sửa phần head:
- Tạo tài khoản tại dash.naviplus.app rồi bấm Add website.
- Nhập tên miền của bạn và sao chép đoạn mã Navi+ cấp trên màn hình.
- Dán đoạn mã đó vào thẻ
headcủa mọi trang rồi đăng lại website. - Mở trang web của bạn lên một lần, quay lại bảng điều khiển bạn sẽ thấy trạng thái báo Connected.