WordPress chạy một phần khổng lồ của internet — và phần lớn các site đó vẫn ship cùng một pattern menu mặc định gần như không thay đổi gì suốt một thập kỷ. Một thanh ngang gồm các link text trên desktop, một icon hamburger trên mobile, và gần như chẳng có gì khác.
Với một blog cá nhân thì ổn. Nhưng với một store ecommerce, site marketing, nền tảng học tập, hay bất kỳ site nào mà điều hướng quyết định doanh thu, đó là một cái trần. Bạn không thể thêm bottom tab bar nếu không viết code riêng. Bạn không thể dựng một mega menu thực sự nếu không trả tiền cho plugin. Bạn không thể thay menu mobile bằng một panel trượt nếu không chỉnh theme. Và khi đã làm những thứ đó, mọi lần đổi theme sau này đều phá vỡ chúng.
Navi+ AI Menu Builder là bộ công cụ điều hướng toàn diện cho WordPress, hiện đã có mặt dưới dạng plugin chính thức trên WordPress Plugin Directory. Cài một lần và bạn có năm pattern menu khác nhau — Tab Bar, Mega Menu, Slide, FAB, Grid — đều cấu hình từ một dashboard duy nhất, đều không phụ thuộc theme.
Vì sao menu mặc định của WordPress không đủ dùng
Hệ thống menu cốt lõi của WordPress được thiết kế cho các site content-first đầu thập niên 2010. Nó đã già đi và trở thành một điểm yếu rõ rệt cho các trường hợp sử dụng hiện đại:
- Gắn chặt với theme. Vẻ ngoài của menu do theme quyết định. Đổi theme thì UI menu thay đổi. Muốn một bố cục tùy chỉnh? Bạn phải sửa template PHP hoặc vật lộn với cài đặt theme.
- Hạn chế trên mobile. Đa số theme mặc định dùng icon hamburger cho mobile. Không có bottom tab bar, không có FAB, không có pattern mobile-first thực sự.
- Không có mega menu đúng nghĩa. Menu native của WordPress là danh sách phẳng. Bố cục nhiều cột với hình ảnh, giá hay CTA đòi hỏi một plugin riêng — và thường là một gói trả phí riêng.
- Khó A/B test. Đổi cấu trúc menu nghĩa là đổi theme — chậm, rủi ro, và thường bị chủ site chặn lại.
- Xây cho content, không cho conversion. Menu mặc định không có cách nào để đẩy khuyến mãi, không có cách neo một nút "Giỏ hàng" hay "Liên hệ" cố định trên mobile, và không có hệ thống bố cục thực sự cho store hoặc site marketing — nơi điều hướng quyết định doanh thu.
Navi+ AI Menu Builder mang lại gì cho WordPress
Thay vì chồng ba bốn plugin điều hướng lên nhau, Navi+ thay thế tất cả bằng một bộ công cụ.
Tab Bar — bottom navigation cho mobile
Một thanh cố định ở cuối mọi trang trên mobile. Tối đa năm điểm đến với icon tùy chỉnh, highlight tab đang active, và một thư viện icon tích hợp sẵn với hơn 4.000 Material Symbols. Đây là bước nâng cấp UX mobile lớn nhất cho hầu hết site WordPress.
Mega Menu — dropdown desktop làm đúng cách
Dropdown nhiều cột với hình ảnh, tiêu đề, link phụ, banner, block sản phẩm nổi bật và CTA. Thay thế link phẳng "Shop" hay "Dịch vụ" bằng các trang tổng quan giàu nội dung, preview trước những gì bên trong.
Slide / Hamburger Menu
Một panel trượt vào nhiều cấp cho mobile. Sạch sẽ hơn so với hamburger lồng nhau, hỗ trợ submenu, bộ chọn ngôn ngữ, link tài khoản và tìm kiếm.
FAB — Floating Action Button
Một nút neo ở góc cho khuyến mãi, WhatsApp, hoặc truy cập menu nhanh. Tùy chỉnh được màu sắc, icon, label và hành động.
Grid Menu
Menu dạng ô vuông cho site có nhiều danh mục. Một màn hình duy nhất với 9–12 ô danh mục thường rõ ràng hơn nhiều so với một menu mobile dài lê thê.
Mobile và desktop, cấu hình độc lập
Mỗi menu đều có cấu hình mobile và desktop riêng. Tab Bar trên mobile và Mega Menu trên desktop, không cần CSS media query — quản lý toàn bộ từ dashboard.
Xây cho mọi theme WordPress
Navi+ được thiết kế để hợp tác với hệ sinh thái WordPress thay vì đối đầu với nó.
- Không phụ thuộc theme. Hoạt động với Astra, GeneratePress, Kadence, Hello, Blocksy, Storefront, Avada, Divi, các theme Elementor, Twenty Twenty-X, và mọi theme tùy chỉnh. Plugin inject lớp UI riêng nằm bên ngoài cây template của theme.
- Không chỉnh theme. Cài plugin, kích hoạt, cấu hình từ dashboard. Không sửa PHP, không child theme, không override template.
- Chạy chung với WooCommerce. Plugin không yêu cầu WooCommerce và không xung đột với nó — cài vào một store WooCommerce thì menu, link giỏ hàng và link thanh toán vẫn hoạt động như bình thường. Các tích hợp sâu hơn dành riêng cho WooCommerce (số lượng giỏ live, thay mini-cart drawer) đang nằm trong roadmap, chưa thuộc phạm vi hiện tại.
- Thân thiện với Block editor & classic editor. Không phụ thuộc bên nào — menu vẫn render trên mọi trang front-end bất kể trang được dựng bằng cách nào.
- Đa ngôn ngữ. Tương thích với Polylang, WPML và TranslatePress. Label và link menu theo từng locale, cấu hình từ dashboard Navi+.
- HTML5 + CSS3 thuần. Không jQuery, không React runtime ở front-end, không xung đột với các plugin điều hướng hay plugin page-builder khác.
Hiệu năng — thân thiện với Core Web Vitals
Plugin là nguyên nhân số 1 khiến site WordPress chậm. Navi+ được xây dựng có chủ đích để không trở thành một trong số đó.
- Không có script chặn render. Tải sau lần paint đầu tiên.
- Lazy hydration. Code xử lý tương tác menu chỉ tải khi cần.
- Nhẹ. Vài KB gzip mỗi menu trên front-end.
- CDN toàn cầu. Tài nguyên menu phục vụ từ edge node trên khắp thế giới — failover Cloudflare + BunnyCDN trên Elite.
- Không phình database. Cấu hình menu nằm phía Navi+. Plugin chỉ thêm đúng một dòng options.
Cài đặt trên WordPress
Ba cách cài. Chọn cách phù hợp với quy trình của bạn:
- Từ thư mục plugin (khuyến nghị): WordPress admin → Plugin → Cài mới → tìm "Naviplus Menu Builder" → Cài đặt ngay → Kích hoạt.
- Từ file ZIP: tải file
.zipmới nhất từ trang plugin trên WordPress.org → Plugin → Cài mới → Tải plugin lên → chọn file ZIP → Cài đặt → Kích hoạt. - Qua FTP: upload thư mục
naviplus-menu-builder/đã giải nén vàowp-content/plugins/, sau đó kích hoạt từ Plugin → Plugin đã cài.
Yêu cầu WordPress 5.8 trở lên. Plugin render menu thông qua một script loader nhỏ từ https://live.naviplus.app/start.js.
Sau khi kích hoạt
- Mở Giao diện → Naviplus Menu Builder trong WordPress admin.
- Tạo menu đầu tiên — plugin tự động kết nối site với Navi+ ngay lần dùng đầu; không cần tạo tài khoản Navi+ riêng từ trước.
- Bấm Open dashboard để thiết kế menu trong trình chỉnh sửa Navi+.
- Chọn nơi hiển thị — toàn site (gạt công tắc trong panel Navi+) hoặc chỉ trên các trang cụ thể qua shortcode dưới đây.
Nhúng vào trang, bài viết hoặc widget cụ thể
Nếu bạn chỉ muốn menu xuất hiện trên các trang được chọn — một landing page, một template chỉ dành cho mobile, một funnel cụ thể — hãy tắt nhúng toàn site và dùng shortcode thay thế.
Alias cũ (vẫn được hỗ trợ): [naviplus embed_id="YOUR-EMBED-ID"]
Tìm YOUR-EMBED-ID trên màn hình quản lý embed bên trong dashboard Navi+. Đặt shortcode vào một block Shortcode trong Gutenberg, dán vào block Paragraph (plugin tự nhận diện [naviwp] / [naviplus] trong văn bản), hoặc dùng widget Shortcode trong Elementor và các trình dựng trang khác.
Gỡ hoặc tạm dừng menu
Tắt plugin để dừng loader ở phía WordPress — cấu hình menu trên Navi+ vẫn được giữ nguyên. Hoặc xóa shortcode [naviwp ...] khỏi bất kỳ trang nào bạn đã nhúng.
Gói Starter miễn phí vĩnh viễn — không cần thẻ tín dụng để cài.
Giá trên WordPress
Cùng các gói như Shopify — cùng tính năng, cùng giá.
| Gói | Giá | Phù hợp cho |
|---|---|---|
| Starter | Miễn phí vĩnh viễn | Một menu, site nhỏ, blog, dùng thử Navi+ |
| Business | $6.25 / tháng | Store và site marketing đang tăng trưởng, nhiều menu, đa ngôn ngữ, tải ảnh, analytics |
| Elite | $10 / tháng | Catalog lớn hơn, menu không giới hạn, hỗ trợ SEO đầy đủ, CDN cao cấp, hỗ trợ tận tay |
Business và Elite có dùng thử miễn phí 7 ngày với truy cập đầy đủ tính năng.
Câu hỏi thường gặp
Có làm chậm site của tôi không?
Không. Navi+ tải sau lần paint đầu tiên, phục vụ từ CDN toàn cầu, và không chứa script chặn render. Nó được xây dựng riêng để không động đến Core Web Vitals.
Tôi có cần viết code không?
Không. Dashboard là kéo-thả. CSS / HTML tùy chỉnh có sẵn cho các trường hợp nâng cao, nhưng chưa bao giờ là bắt buộc.
Có hoạt động với theme của tôi không?
Có. Navi+ nằm bên ngoài cây template của theme. Đã test với Astra, GeneratePress, Kadence, Blocksy, Hello + Elementor, Divi, Avada, Storefront, Twenty Twenty-X và nhiều theme tùy chỉnh khác.
Có hoạt động với WooCommerce không?
Có — Navi+ chạy ngon lành trên site WooCommerce. Menu, link giỏ hàng, link tài khoản và link thanh toán đều hoạt động như bình thường. Hiện tại plugin chưa tự động bind vào dữ liệu chuyên biệt của WooCommerce (số lượng giỏ live, thay mini-cart drawer) — các tích hợp riêng cho WooCommerce nằm trong roadmap, không có trong bản phát hành này.
Có hoạt động với WPML hay Polylang không?
Có. Menu Navi+ hỗ trợ label và link theo từng locale. Tương thích với WPML, Polylang và TranslatePress.
Có xung đột với plugin khác của tôi không?
Không có JS toàn cục, không jQuery, không CSS class dùng chung — runtime menu được đặt namespace riêng. Chúng tôi test cùng các plugin WordPress được cài nhiều nhất trước mỗi bản phát hành.
Nếu tôi gỡ cài thì sao?
Tắt hoặc xóa plugin — menu WordPress mặc định của bạn quay lại ngay lập tức. Không còn dữ liệu thừa, không trang nào hỏng.
Hỗ trợ ở đâu?
Email support trên Starter, hỗ trợ 24/7 trên Business, và hỗ trợ tận tay (di trú menu, cấu hình bố cục, chỉnh UI trực tiếp) trên Elite.
Bắt đầu trên WordPress
Plugin miễn phí từ thư mục WordPress chính thức. Không cần thẻ tín dụng. Hoạt động với mọi theme.
Tải plugin WordPress