Hướng dẫn nền tảng · Shopify

Navi+ AI Menu Builder trên Shopify — Hướng dẫn đầy đủ

Bộ công cụ điều hướng đầy đủ cho store Shopify: tab bar dưới đáy, mega menu, slide menu, nút nổi FAB và grid — tất cả trong một app. Không cần code, không sửa theme, chạy trong dưới 5 phút.

Cài trên Shopify — miễn phí Xem các bước cài
Shopify Điều hướng mobile Mega Menu
Navi+ Team · Hướng dẫn dành cho Shopify · đọc 8 phút

Nếu bạn bán hàng trên Shopify, bạn thừa biết menu âm thầm quyết định bao nhiêu doanh thu. Khách vào trang, liếc qua thanh điều hướng, và trong vài giây họ hoặc bắt đầu xem hàng — hoặc thoát. Vậy mà phần lớn store Shopify vẫn để nguyên menu mặc định của theme: một danh sách link phẳng thiết kế cho desktop, ép xuống mobile, và giống hệt hàng nghìn store khác.

Navi+ AI Menu Builder là bộ công cụ điều hướng xây riêng cho storefront Shopify. Thay vì một kiểu menu, bạn có cả một hệ thống: tab bar dưới đáy cho mobile, mega menu cho desktop, slide menu khi cần chiều sâu, FAB cho khuyến mãi, và grid menu cho danh mục nhiều hạng mục. Tất cả quản lý từ một dashboard. Không code, không sửa theme, không cần lập trình viên.

Bài này đi qua tất cả những gì Navi+ làm trên Shopify — thay thế cái gì, cùng cách cài đặtcách nâng cấp gói.

4.9 ★
Đánh giá trên Shopify App Store
5.000+
Store Shopify đang dùng Navi+
< 5 phút
Từ lúc cài đến khi menu chạy

Vì sao menu mặc định của Shopify làm bạn mất doanh thu

Menu có sẵn của Shopify sinh ra từ thời phần lớn lượt truy cập đến từ desktop. Ngày nay khoảng 70% traffic Shopify là mobile — nhưng kiểu menu mặc định gần như không đổi:

  • Không có điều hướng dưới đáy. Mọi app bạn dùng đều neo chức năng chính vào thanh cố định dưới đáy, nơi ngón cái với tới dễ. Shopify mặc định vẫn treo menu trên đỉnh.
  • Chỉ hamburger trên mobile. Khách bấm mở, cuộn danh sách dài, bấm tiếp — ba bốn thao tác mới bắt đầu xem được gì.
  • Giao diện khoá theo theme. Muốn ô chạm to hơn, icon riêng, bố cục nhiều cột? Phải sửa Liquid.
  • Không có chỗ cho khuyến mãi. Flash sale mở ra mà menu không show được; danh mục cần nổi bật bằng ảnh mà menu không chứa nổi.

Hệ thống menu Navi+ trên Shopify

Tab Bar — điều hướng dưới đáy cho mobile

Thanh cố định dưới đáy với tối đa năm điểm đến: Trang chủ, Danh mục, Tìm kiếm, Giỏ hàng, Tài khoản. Icon riêng, làm nổi trạng thái đang chọn, badge số lượng giỏ, và thư viện hơn 4.000 icon Google Material Symbols. Đây là thay đổi lớn nhất cho hầu hết store rời khỏi theme mặc định.

Mega Menu — dropdown cho desktop

Dropdown nhiều cột, giàu hình ảnh cho danh mục lớn. Thêm tiêu đề nhóm, link con, banner khuyến mãi, khối sản phẩm nổi bật và CTA.

Slide / Hamburger Menu

Khi mobile cần chiều sâu — danh mục nhiều tầng, chọn ngôn ngữ, link tài khoản — một panel trượt vào gọn gàng, mở từ trái hoặc phải, chuyển động mượt.

FAB — nút nổi

Một nút nổi neo ở góc. Hợp cho khuyến mãi, hành động ưu tiên, hoặc mở menu nhanh. Tuỳ chỉnh màu, icon, nhãn và hành động.

Grid Menu

Menu dạng lưới ô cho store nhiều danh mục — một màn hình 9–12 ô lớn thay cho danh sách cuộn dài.

Thay drawer và component mặc định của theme

Từ gói Business trở lên, Navi+ thay được Search drawer, Cart drawer và menu mặc định của theme bằng phiên bản tuỳ chỉnh — cùng nút mở, giao diện hoàn toàn khác.

Mobile và desktop, cấu hình riêng

Mỗi menu cấu hình riêng cho mobile và desktop. Hiện Tab Bar trên mobile và Mega Menu trên desktop — độc lập — không phải viết media query.

Xây cho storefront Shopify, không phải lắp tạm

  • Độc lập với theme. Chạy trên Dawn, Refresh, Sense, Impulse, Prestige, Empire và cả theme tuỳ chỉnh. Menu sống ngoài markup Liquid — cập nhật theme, đổi theme không đụng tới menu.
  • Không sửa theme. Cài từ Shopify App Store, bật App Embed trong Online Store 2.0, Navi+ tự chèn. Gỡ ra chỉ một công tắc.
  • HTML5 + CSS3 thuần, không phụ thuộc JS. Không xung đột script theme, không vỡ sau khi cập nhật.
  • Ưu tiên mobile. Mọi template tối ưu khoảng cách, cỡ chữ, vùng chạm cho điện thoại trước.
  • Trình chỉnh sửa ngoài admin Shopify. Dashboard chạy trên app riêng tại dash.naviplus.app — nhanh, mở từ mọi thiết bị.

Cài Navi+ trên Shopify — từng bước

1 Mở Shopify App Store và thêm app

Vào Navi+ trên Shopify App Store, bấm Add app và duyệt cài trong admin Shopify. Chưa mất phí — Starter miễn phí vĩnh viễn.

Listing Navi+ trên Shopify App Store
Listing Navi+ trên Shopify App Store — bấm Add app
2 Duyệt cài trong admin Shopify

Shopify hiện màn quyền truy cập của app. Bấm Install để duyệt — chưa mất phí, Starter miễn phí vĩnh viễn.

Màn Install app trong admin Shopify
Bấm Install để duyệt cài trong admin Shopify
3 Bật App Embed, thiết kế menu và Publish

Mở dashboard dash.naviplus.app, bật App Embed block để Navi+ hiển thị trên storefront. Chọn template, chọn kiểu menu (Tab Bar, Mega, Slide, FAB, Grid), chỉnh icon và link, rồi bấm Publish. Storefront cập nhật tức thì — không reload theme, không xoá cache.

Thiết kế menu trong Navi+ trên Shopify (Visual Edit)
Thiết kế menu trong Navi+ rồi bấm Publish

Hầu hết store đi từ lúc cài đến khi menu chạy trong dưới năm phút. Xem thêm hướng dẫn dùng chi tiết tại Trung tâm trợ giúp Navi+.

Nâng cấp gói trên Shopify

Trên Shopify, thanh toán do Shopify Billing xử lý và nâng cấp diễn ra ngay trong Navi+ — không cần nhập thẻ ở nơi khác. Vì mỗi giao dịch gắn với chính store của bạn, việc nâng cấp phải bắt đầu từ trong app (mở từ admin Shopify), không đẩy thẳng từ trang web ngoài được.

1 Mở Navi+ từ admin Shopify

Trong admin Shopify → Apps → mở Navi+ AI Menu Builder (hoặc mở dashboard dash.naviplus.app).

Mở Navi+ từ mục Apps trong admin Shopify
Mở Navi+ AI Menu Builder từ mục Apps trong admin Shopify
2 Vào Plan & Pricing

Trong Navi+, mở tab Plan & Pricing, xem gói hiện tại và các gói nâng lên (Business, Elite).

Trang Plan & Pricing trong Navi+ trên Shopify
Mở tab Plan & Pricing, xem gói hiện tại và các gói nâng lên
3 Chọn gói và duyệt phí Shopify

Bấm Upgrade ở gói mong muốn. Shopify hiện màn duyệt phí (Approve subscription) — xác nhận là xong. Cả hai gói trả phí đều có 7 ngày dùng thử miễn phí.

Màn Approve subscription của Shopify khi nâng cấp
Duyệt phí ở màn Approve subscription của Shopify
4 Gói mới hiệu lực ngay

Duyệt xong, các tính năng gói mới (nhiều menu, đa ngôn ngữ, upload ảnh, analytics…) mở khoá ngay trong Navi+.

Các gói trên Shopify

Cùng bộ gói như mọi nền tảng — cùng tính năng, cùng giá.

GóiGiáPhù hợp cho
StarterMiễn phí vĩnh viễnMột menu, store nhỏ, dùng thử Navi+
Business$6.25 / thángStore đang lớn, nhiều menu, đa ngôn ngữ, upload ảnh, analytics
Elite$10 / thángDanh mục lớn, không giới hạn menu, SEO đầy đủ, CDN cao cấp, hỗ trợ tận tay

Cả hai gói trả phí có 7 ngày dùng thử miễn phí — không cần thẻ, mở đủ tính năng.

Câu hỏi thường gặp

Cài Navi+ có làm chậm store không?

Không. Navi+ ưu tiên mobile, không dùng thư viện JavaScript ngoài, tải trễ sau lần vẽ đầu, phục vụ qua CDN toàn cầu — không thêm script chặn hiển thị, giữ Core Web Vitals.

Tôi có cần biết code không?

Không. Dashboard kéo-thả với template có sẵn. CSS/HTML/JS tuỳ chỉnh có sẵn nếu muốn, nhưng hầu hết store không cần đụng.

Có chạy với theme của tôi không?

Có. Navi+ sống ngoài theme, chạy trên mọi theme chính thức và theme tuỳ chỉnh; cập nhật/đổi theme không ảnh hưởng.

Nâng cấp gói từ trang web naviplus.io được không?

Việc nâng cấp cần bắt đầu trong app (gắn với store của bạn qua Shopify Billing). Hãy mở Navi+ từ admin Shopify rồi vào Plan & Pricing.

Bắt đầu trên Shopify

Miễn phí để cài — không cần thẻ. Chạy trong vài phút. Cùng bộ gói như mọi nền tảng.

Cài trên Shopify — miễn phí

Đọc tiếp

Bắt đầu với Navi+ AI Menu Builder

Chọn nền tảng của bạn — miễn phí cài đặt, hoạt động trong vài phút.