WordPress powers a huge slice of the web — and most of those sites still ship with a default menu pattern that hasn't meaningfully changed in a decade. A horizontal bar of text links on desktop, a hamburger icon on mobile, and not much else.
For a personal blog, that's fine. For an ecommerce store, marketing site, learning platform, or any site where navigation drives revenue, it's a ceiling. You can't add a bottom tab bar without writing custom code. You can't build a real mega menu without a paid plugin. You can't replace the mobile menu with a slide panel without theme edits. And once you do any of that, future theme changes break it.
Navi+ AI Menu Builder is a complete navigation toolkit for WordPress, now available as an official plugin in the WordPress Plugin Directory. Install once and you get five different menu patterns — Tab Bar, Mega Menu, Slide, FAB, Grid — all configured from one dashboard, all theme-independent.
Why the default WordPress menu falls short
WordPress's core menu system was designed for content-first sites in the early 2010s. It has aged into being a known weakness for modern use cases:
- Theme-coupled. The menu's appearance is dictated by the theme. Switch themes and your menu UI changes. Want a custom layout? You're editing PHP templates or wrestling with theme settings.
- Limited on mobile. Most themes default to a hamburger icon for mobile. No bottom tab bar, no FAB, no real mobile-first pattern.
- No real mega menu. Native WordPress menus are flat lists. Multi-column layouts with images, prices, or CTAs require a separate plugin and usually a separate paid tier.
- Hard to A/B test. Changing the menu structure means changing the theme — slow, risky, and often blocked by site owners.
- Built for content, not conversion. The default menu has no way to surface promotions, no way to anchor a permanent "Cart" or "Contact" button on mobile, and no real layout system for stores or marketing sites where navigation drives revenue.
What Navi+ AI Menu Builder brings to WordPress
Instead of stacking three or four navigation plugins, Navi+ replaces them with one toolkit.
Tab Bar — bottom navigation for mobile
A fixed bar at the bottom of every page on mobile. Up to five destinations with custom icons, active-state highlight, and a built-in icon library with 4,000+ Material Symbols. The single biggest mobile UX upgrade for most WordPress sites.
Mega Menu — desktop dropdowns done right
Multi-column dropdowns with images, headings, sub-links, banners, featured product blocks and CTAs. Replace flat "Shop" or "Services" links with rich overviews that preview what's inside.
Slide / Hamburger Menu
A multi-level slide-in panel for mobile. Cleaner than nested hamburgers, supports submenus, language pickers, account links and search.
FAB — Floating Action Button
A single corner-anchored button for promotions, WhatsApp, or quick menu access. Configurable color, icon, label, and action.
Grid Menu
Tile-based menu for catalog-heavy sites. A single screen of 9–12 category tiles is often clearer than a long mobile menu.
Mobile and desktop, configured independently
Every menu has separate mobile and desktop configurations. Tab Bar on mobile and Mega Menu on desktop, with zero media-query CSS — managed entirely from the dashboard.
Built for any WordPress theme
Navi+ is designed to work with the WordPress ecosystem rather than fight it.
- Theme-independent. Works with Astra, GeneratePress, Kadence, Hello, Blocksy, Storefront, Avada, Divi, Elementor themes, Twenty Twenty-X, and any custom theme. The plugin injects its own UI layer that lives outside the theme's template hierarchy.
- No theme edits. Install the plugin, activate, configure from the dashboard. No PHP edits, no child themes, no template overrides.
- Runs alongside WooCommerce. The plugin doesn't require WooCommerce and doesn't conflict with it — install it on a WooCommerce store and your menus, cart link and checkout link keep working as expected. Deeper WooCommerce-specific integrations (live cart count, mini-cart drawer takeover) are on the roadmap, not in scope today.
- Block editor & classic editor friendly. Doesn't depend on either — the menus render on every front-end page regardless of how the page itself is built.
- Multilingual. Compatible with Polylang, WPML and TranslatePress. Per-locale menu labels and links, configured from the Navi+ dashboard.
- Pure HTML5 + CSS3. No jQuery, no React runtime on the front-end, no plugin conflicts with other navigation or page-builder plugins.
Performance — Core Web Vitals friendly
Plugins are the #1 cause of slow WordPress sites. Navi+ is built explicitly to not be one.
- No render-blocking scripts. Loaded after first paint.
- Lazy hydration. Menu interaction code only loads when needed.
- Lightweight. A few KB gzipped per menu on the front end.
- Global CDN. Menu assets served from edge nodes worldwide — Cloudflare + BunnyCDN failover on Elite.
- No database bloat. Menu configurations live on Navi+'s side. The plugin itself adds a single options row.
Install on WordPress
Three ways to install. Pick the one that fits your workflow:
- From the plugin directory (recommended): WordPress admin → Plugins → Add New → search "Naviplus Menu Builder" → Install Now → Activate.
- From a ZIP file: download the latest
.zipfrom the WordPress.org plugin page → Plugins → Add New → Upload Plugin → pick the ZIP → Install → Activate. - Via FTP: upload the unzipped
naviplus-menu-builder/folder intowp-content/plugins/, then activate it from Plugins → Installed.
Requires WordPress 5.8 or later. The plugin renders menus through a small loader script from https://live.naviplus.app/start.js.
After activation
- Open Appearance → Naviplus Menu Builder in the WordPress admin.
- Create your first menu — the plugin auto-connects the site to Navi+ on first use; no separate Navi+ account is required up front.
- Click Open dashboard to design the menu in the Navi+ editor.
- Choose where it appears — site-wide (toggle inside the Navi+ panel) or only on specific pages via the shortcode below.
Embed on specific pages, posts or widgets
If you only want the menu on selected pages — a landing page, a mobile-only template, a specific funnel — turn off the site-wide embed and use a shortcode instead.
Legacy alias (still supported): [naviplus embed_id="YOUR-EMBED-ID"]
Find YOUR-EMBED-ID on the embed-management screen inside the Navi+ dashboard. Drop the shortcode into a Shortcode block in Gutenberg, paste it inside a Paragraph block (the plugin detects [naviwp] / [naviplus] in text), or use the Shortcode widget in Elementor and other page builders.
Remove or pause the menu
Deactivate the plugin to stop the loader on the WordPress side — your menu configuration on Navi+ is preserved. Or remove the [naviwp ...] shortcode from any page you embedded it on.
The Starter plan is free forever — no credit card to install.
Pricing on WordPress
Same plans as Shopify — same features, same prices.
| Plan | Price | Best for |
|---|---|---|
| Starter | Free forever | One menu, small sites, blogs, validating Navi+ |
| Business | $6.25 / month | Growing stores and marketing sites, multiple menus, multilingual, image upload, analytics |
| Elite | $10 / month | Larger catalogs, unlimited menus, full SEO support, premium CDN, hands-on help |
Business and Elite include a 7-day free trial with full feature access.
Common questions
Will it slow my site down?
No. Navi+ is loaded after first paint, served from a global CDN, and contains no render-blocking scripts. It's built specifically to keep Core Web Vitals untouched.
Do I need to write any code?
No. The dashboard is drag-and-drop. Custom CSS / HTML is available for advanced cases but is never required.
Will it work with my theme?
Yes. Navi+ lives outside the theme template hierarchy. Tested with Astra, GeneratePress, Kadence, Blocksy, Hello + Elementor, Divi, Avada, Storefront, Twenty Twenty-X and many custom themes.
Does it work with WooCommerce?
Yes — Navi+ runs fine on a WooCommerce site. Your menus, cart link, account link and checkout link keep working as expected. The plugin does not currently auto-bind to WooCommerce-specific data (live cart count, mini-cart drawer takeover) — those WooCommerce-specific integrations are on the roadmap, not in this release.
Does it work with WPML or Polylang?
Yes. Navi+ menus support per-locale labels and links. Compatible with WPML, Polylang and TranslatePress.
Will it conflict with my other plugins?
No global JS, no jQuery, no shared CSS classes — the menu runtime is namespaced. We test against the most-installed WordPress plugins before each release.
What happens if I uninstall?
Disable or remove the plugin — your default WordPress menu returns immediately. No leftover data, no broken pages.
Where is support?
Email support on Starter, 24/7 on Business, and hands-on help (migrate menus, configure layouts, edit UI directly) on Elite.
Get started on WordPress
Free plugin from the official WordPress directory. No credit card required. Works with any theme.
Get the WordPress plugin