file-linesConvert Old Menu to Navi+

Use AI to scan your existing website menu and rebuild it inside Navi+ β€” in minutes.


{{STEP_1}}


Step 2 β€” Use Debug Mode to generate the PROMPT

  1. Open your website in a browser.

  2. Activate Debug Mode by visiting: yourdomain.com/#navidebug-on

  3. The Navi+ Debug panel will appear on the right.

  4. Open the ✦ Design menu by AI section.

  5. Click Scan β€” Navi+ will detect all menus on the page.

  6. Click the menu you want to convert to see its structure.

  7. Click ✨ Generate to PROMPT β€” a ready-to-use AI prompt will appear.

  8. Click Copy to copy the PROMPT.


Step 3 β€” Back in Navi+, choose the right menu type

Create or open the menu you want to fill with the imported content:

  • Tab / Bottom Bar β€” mobile bottom navigation

  • Mega Menu β€” desktop header navigation

  • Slide / Hamburger β€” mobile slide-out menu

  • Grid Menu β€” icon grid navigation

  • FAB β€” floating action button


Step 4 β€” Click the AI button

Inside the menu editor, click the ✨ AI button (top-right of the editor toolbar).The AI assistant panel will open.


Step 5 β€” Paste the PROMPT and run

Paste the PROMPT you copied from Debug Mode into the AI chat box, then click Run. Navi+ AI will automatically build the menu structure based on your existing website menu. Review the result, adjust if needed, then Save and Publish.

Last updated