AI helps you draft your first menu instead of creating each item from scratch. It’s an extra tool. You can still add and edit items by hand at any time.
What AI can and can’t do
Things AI does for you:
- Builds the menu outline: items, parent and child groups, and icons if you choose them.
- Builds a Desktop Mega Menu from the categories and products you sell on your Shopify store.
- Changes colors and adds or removes items based on what you type.
Things you still need to check:
- The link for each menu item after AI creates it.
- Images, labels and other small details. You can edit every item AI creates by hand.
- The first result from AI is only a draft. You can ask AI to adjust it, or edit it yourself until it looks right.
If you want to translate your menu into another language with AI, read Translate your menu into more languages.
Before you start
- Back up your current menu first, because AI can replace the entire current item tree. See how in Back up before you apply.
- Open the menu you want to change in Navi+. If you want AI to read products from your store to build the outline, create a new Desktop Mega Menu.
Build a Desktop Mega Menu outline from your store
This option only appears when you create a new Desktop Mega Menu. AI reads the categories and products in your Shopify store to build a suitable item tree.
-
Click Add menu and choose Desktop Mega Menu.
Add menuWhich menu do you want to build?Desktop Mega MenuAlso called: Dropdown Menu, Multi-column MenuTab BarAlso called: Bottom Navigation, Bottom Tab BarMobile MenuAlso called: Drawer, Hamburger, Slide MenuFloating ButtonAlso called: FAB, Support BarIcon MenuAlso called: Grid Menu, Category TilesMobile Mega MenuAlso called: Mega Menu for phones -
On the menu creation screen, click Build with AI, next to the level 1 item tabs.
-
Choose Recommended to use the suggested settings, or choose Customize to adjust them yourself:
- Content: choose Only my store’s links to use only real links from your store, or Add demo links to add sample items marked “Demo” if your store has few products.
- Menu size: choose small (4–5 items), medium (6–8 items), or full (10 items or more).
- Primary color, Spacing, Style and Mode: choose the main color, spacing, look, and a light or dark background.
- AI level: choose Fast, Balanced or Premium. The Premium level requires the Business plan or higher.
← BackSet up your AI menuLet’s design a menu for your store1StylePrimary color2Primary colorLight modeDark modeOnly my store’s links · Balanced AI · Full: under the header · BalancedShow fewer options3More options
AI reads your collections and products… Pick a style and a color, then press Generate…ContentOnly my store’s linksAdd demo linksAI levelFastBalancedPremiumMenu sizeSmallFull: under the headerSpacingCompactBalancedAiryGenerate my menu4Generate my menu -
Click Generate my menu and wait about 10 to 40 seconds.
-
Choose one of the three designs, Balanced, Wow or Starter, then click Use this design.
← BackPick a designI’m ready to upgrade14-day free trialNo upfront payment — cancel anytime during the trial.Full design with product cards, prices and photos.1Full designI only want Starter (Free)FREEText only: multi-column link lists or simple dropdowns. Works fully on the Free plan.2Text-only designWomen Men Sale✓ Use this design3Click Use this design -
Review each menu item AI added, fix any links if needed, then create the menu.
The Starter design is text only and works fully on the free plan. The other two designs include product cards, prices and images, so they need a paid plan. If the menu already has items, the app asks whether you want Add to current items (add after the existing items) or Replace all (replace everything; this can't be undone).
Design the menu through an AI chat
This option works for every menu type that already exists in Navi+.
-
In the menu editor, click More at the bottom of the left step bar, then choose Ask AI. On the menu list page, click Tools at the top right, then choose Ask AI.
-
In the Auto design group, choose one of two cards:
- Auto design using your AI app, labeled FREE: free to use with ChatGPT, Claude or Gemini, whichever you already have.
- Auto design by Navi+ AI: chat directly inside the app, with no copy and paste. This feature is in testing for invited customers and needs an unlock password. If you don’t have the password, use the Auto design using your AI app card above.
-
With Auto design by Navi+ AI, type your request into the chat box, for example: “Create a 5-item tab bar for a shoe store, black and white”.
Auto design by Navi+ AITell Navi+ what you sell and the look you want.Create a 5-item tab bar for a shoe store, black and white1Type your requestFashion storeMinimal, black & whiteAdd a Sale tabGenerate2Send -
When AI finishes, click Yes, apply to preview it in the preview pane. To make more changes, type a follow-up request, such as “change the Contact icon” or “remove the last item”, until you’re happy with it.
-
Click Save at the top to keep your changes.
Use with ChatGPT, Claude or Gemini
When you choose Auto design using your AI app, follow these 5 steps shown in the panel:
- Backup your menu: click to back up your current menu first.
- Train your AI: click Open training docs, copy all the content and paste it into a chat with your AI so it understands Navi+’s menu structure.
- Send your menu (JSON) to AI: click Copy current menu to clipboard or Download JSON file, then send it to the AI.
- Give design instructions: type what you want, for example: “change the menu color to coffee brown”.
- Paste result → Apply: paste the AI’s reply into the empty box and click Apply, or click Upload JSON file.
To make more changes, repeat steps 4 and 5. When you’re happy with the result, click Save.
Build the menu outline from a description
In the Convert menu group, the Create menu structure card builds the menu outline from a description. Type your industry and the items you want into the Describe your request box, choose the menu level that should get icons, then click Create menu.
This option only uses what you write. It doesn’t read the products in your store, so describe what your shop sells and which groups you need. The result only replaces the item list of the menu you have open. Display settings, position, colors and CSS stay the same. After you check it, click Save to keep it.
Back up before you apply
Before you use AI, click More at the bottom of the left step bar, then choose Backup / Restore. There are two ways to back up:
- Offline: download the menu as a file to your computer. Available on every plan.
- Cloud: keep up to 5 backups on Navi+, each kept for 30 days. Requires the Business plan or higher.
For full instructions, read Back up and restore your menu.
Common problems
AI doesn’t pick up the right products from my store
The Create menu structure and Auto design using your AI app options only read what you type or paste. Describe clearly what your store sells and which groups it has. If you want AI to read the real products in your store, create a new Desktop Mega Menu and use Build with AI.
I pasted the JSON but I can’t click Apply
Check that you copied the whole AI reply, from the first { to the last }. If the AI added explanation text before or after the code, delete that text and keep only the JSON.
I want to go back to the earlier menu
A menu only changes for real when you click Save. If you haven’t saved yet, click the Undo button on the floating toolbar at the right edge of the preview to undo the recent steps. If you have saved and made a backup earlier, click More > Backup / Restore, then click Restore on the backup you want to bring back.
Other platforms
The steps above are for Shopify — the default way.
Building the outline from your store uses Shopify data, so it’s only available on Shopify. On Wix, use Create menu structure or Auto design using your AI app and describe the menu in words. The rest is the same as Shopify.
Building the outline from your store uses Shopify data, so it’s only available on Shopify. On other websites, use Create menu structure or Auto design using your AI app and describe the menu in words. The rest is the same as Shopify.