AI menu builder for WordPress & WooCommerce. Generate mega menus, mobile tab bars, slide & grid menus — no code needed.

khoipng

<p><strong>Naviplus Menu Builder</strong> (also known as <strong>Navi+ AI Menu Builder</strong>) is the AI-native way to build navigation in WordPress. Describe the menu you want, and AI generates the structure, suggests an icon for every item, and translates the whole thing into 9 languages — then you publish a modern, mobile-first menu in minutes. No code, no theme edits, works with any theme.</p>
<p>Building navigation used to mean dragging items around for an hour, hunting for the right icons, and copy-pasting translations one by one. Navi+ flips that around: you describe what you want, AI does the first draft, and you just refine and ship. It’s navigation built for how people actually work now.</p>
<p>The default WordPress menu was made for blogs, not stores — and most of your visitors arrive on a phone, where a single hamburger icon hides every page behind one tap. Navi+ gives them a real way to browse: a native-app-style tab bar fixed to the bottom of the screen, a smooth slide-in menu, or a visual grid of categories — so people find the page they want instead of leaving.</p>
<h4>AI does the heavy lifting</h4>
<p>Navi+ puts AI to work on the parts that used to eat your afternoon:</p>
<ul>
<li><strong>Design with AI</strong> — describe your store or paste your categories, and ChatGPT (OpenAI), Claude (Anthropic), or Gemini (Google) drafts a complete menu structure you can import straight into Navi+. Go from a blank screen to a working menu in one step.</li>
<li><strong>Auto-scan & rebuild</strong> — Navi+ reads your existing WordPress menu and rebuilds it in the editor automatically, so you never start from scratch.</li>
<li><strong>AI-suggested icons</strong> — every item gets a smart icon recommendation based on its label. No more scrolling through icon libraries.</li>
<li><strong>One-click auto-translate</strong> — turn your entire menu into 9 languages instantly, instead of translating items by hand.</li>
</ul>
<p>The AI tools are optional, and no AI subscription is required — everything else in Navi+ works without them. But once you’ve let AI draft a menu for you, you won’t want to go back to doing it the old way.</p>
<h4>Why merchants choose Navi+</h4>
<ul>
<li><strong>AI does the first draft</strong> — describe it, scan it, or build it; either way you finish faster.</li>
<li><strong>Built for mobile, where your traffic is</strong> — tab bar, slide menu, and grid layouts designed for touch, not desktop dropdowns squeezed onto a phone.</li>
<li><strong>No code, no theme edits</strong> — install, build, publish. No child theme, no template files, no developer required.</li>
<li><strong>Works with any theme</strong> — classic or block (full-site-editing) themes, alongside Elementor and other page builders.</li>
<li><strong>Lightweight loader</strong> — HTML5/CSS3 with no external front-end libraries and no render-blocking resources, served from a global CDN.</li>
<li><strong>Up and running in minutes</strong> — most sites have their first menu live before their coffee gets cold.</li>
</ul>
<h4>Menu types</h4>
<ul>
<li><strong>Mega menu</strong> — rich dropdowns with columns, images, and featured links, on desktop and mobile.</li>
<li><strong>Tab bar</strong> — a fixed bottom navigation bar for mobile that feels like a native app.</li>
<li><strong>Slide / hamburger menu</strong> — a smooth slide-in panel with multi-level navigation, optimized for touch.</li>
<li><strong>Grid menu</strong> — a visual image grid, ideal for browsing product categories.</li>
<li><strong>Floating action button (FAB)</strong> — a quick-access floating button for your most important action.</li>
</ul>
<h4>Control where menus appear</h4>
<ul>
<li>Display a menu site-wide, or embed a specific one in any page, post, or widget via shortcode.</li>
<li>Show different menus on desktop and mobile, or target specific URLs.</li>
<li>Toggle the global embed on or off from the dashboard, no code changes needed.</li>
<li>Track which menu items get clicked most with built-in click analytics.</li>
</ul>
<h4>Built for WooCommerce</h4>
<p>Navi+ is made for stores. Ask AI to build a mega menu from your product categories, set up a tab bar that keeps cart, search, and account one tap away for mobile shoppers, or create a grid menu for visual category browsing — all without touching your theme.</p>
<h4>Free to start</h4>
<p>Create your first menu free — no credit card required. When you build your first menu, the plugin connects your site to the Navi+ service automatically; there’s no separate sign-up step before you install.</p>
<h3>How it works</h3>
<ol>
<li>Install and activate the plugin.</li>
<li>Go to <strong>Appearance <span aria-hidden="true" class="wp-exclude-emoji">→</span> Naviplus Menu Builder</strong>.</li>
<li>Connect your site and open the Navi+ editor.</li>
<li>Describe your menu and let AI generate it, auto-scan your existing menu, or build one by hand with drag-and-drop.</li>
<li>Publish — your menu goes live instantly via global CDN.</li>
</ol>
<p>To place a menu inside a specific page or post, use the shortcode:</p>
<pre><code>[naviwp embed_id="YOUR-EMBED-ID"]
</code></pre>
<p>In the block editor, paste the shortcode into a <strong>Shortcode</strong> block, or even a normal Paragraph block (the plugin detects <code>[naviwp]</code> / <code>[naviplus]</code> there too). The legacy tag <code>[naviplus ...]</code> still works for backward compatibility.</p>
<h3>External Services</h3>
<p>This plugin connects to the Navi+ AI Menu Builder service (naviplus.app) to store, render, and serve your navigation menus. Menus are created in the Navi+ editor and delivered to your site by this service.</p>
<p>To render menus on the front end, the plugin loads a JavaScript file from:<br />
https://live.naviplus.app/start.js</p>
<p>When you create or display a menu, the following data may be sent to the service:</p>
<ul>
<li>Your website domain</li>
<li>Your menu configuration (the menus you build)</li>
<li>Minimal usage data required to render and serve menus</li>
</ul>
<p>The AI design tools (Design with AI, AI-suggested icons, Auto-translate) send the menu content you choose to process to the Navi+ service, which uses third-party AI providers (such as OpenAI, Anthropic, or Google) to return a generated structure, icon suggestions, or translations. These tools are optional and run only when you choose to use them.</p>
<p>This service is provided by Navi+ (naviplus.io). By using the plugin you agree to the Navi+ Terms of Service and Privacy Policy:</p>
<ul>
<li>Terms of Service: https://naviplus.io/terms</li>
<li>Privacy Policy: https://naviplus.io/privacy</li>
</ul>


Alternatives to Naviplus Menu Builder

Top alternatives