Install and turn on Navi+

Tools in the menu editor

In the menu editor, the More button (the ⋯ icon) sits at the bottom of the vertical step bar on the left. It groups the extra tools: changing the app language, copying the menu ID, asking AI, opening your real store, backing up, renaming or deleting the menu. On the menu list page, the similar button is called Tools and sits at the top right.

The five main steps Build Menu, Design, Configure, Preview & Test and Publish are on the same vertical bar, above the More button.

The ⋯ More button at the bottom of the step bar opens the tools list

What’s in the More button?

Item in the app What it’s for See also
Language Change the display language of the app right from this list  
Copy embed ID Copy the menu code SF-…, used when attaching the menu with an app block or embedding it into another menu  
Ask AI with a NEW label Ask how to use Navi+, or type a sentence describing what you want so AI can build or redesign the menu Design a menu with AI
Navi+ Live Open your real store with the Navi+ toolkit to pick a place for the menu or scan an old menu. Only you can see it Test the menu before shoppers see it
Keyboard Shortcuts Open the list of shortcuts. See details below  
Backup / Restore Download a backup file to your computer, upload a file from your computer, or keep up to 5 copies in the cloud for 30 days Back up and restore your menu
Update menu info Rename the menu and change its description. See below  
Delete menu Permanently delete this menu. See below  

At the bottom of the list is Have a question or comment? with three support channels: message us on What’s App, send an email with Email us, or look up guides yourself in the Knowledge Base.

If you open the app on a phone, the menu editor shrinks: you can’t drag and drop, but every action is still available through the ⋯ button on each item and the More button.

Note

The Pre-publish health check and the Step-by-step guide are not in More. The pre-publish check runs from the Preview & Test step. See below.

Check the menu for errors before going live

Click the Preview & Test step on the left step bar to open the Test panel. The top shows a preview of the menu on your real store. The bottom has Run smart diagnostics to check for errors. Click START TEST to start the scan. After you fix something and want to scan again, click RETEST or Run again.

The results table has three columns: Criteria is the check, Result is the outcome and Suggestion tells you how to fix it. Each row shows one of four statuses: Pass, Not passed, Needs a look or Skipped. Click directly on a row that reports a problem, and the menu item tree jumps to the exact item with the problem.

The tool reads your menu draft and checks these issues:

Criteria Meaning
Deleted product / collection / page A link points to a product, collection or page that has been deleted from the shop
Resource is no longer published A page or product still exists in the admin but is hidden from the Online Store, so shoppers get a 404 error when they click it
Invalid internal URL An internal path has wrong syntax, such as stray spaces, two / in a row, or a missing handle at the end
Duplicate link inside the same group Two items in the same group link to exactly the same address
Dropdown that opens with nothing inside An item opens a submenu, but all the items inside are hidden, so shoppers only see an empty panel
Item with no visible label A menu item has no name and no icon or image, so shoppers can’t tell what it is
Banner / card without destination A banner image or card has no link and doesn’t open any submenu
Collection returns no product A collection has no products right now, which often happens when its automatic filter doesn’t match any product in the store
Store URL saved in the wrong absolute / relative form An internal link contains the full https://… domain instead of the short relative form such as collections/all

If a check needs store data that the app can’t read yet, that row shows Skipped with the specific reason, such as the app not having permission to read that data, or your web platform not having this data.

Use shortcuts to edit the menu tree

To see the shortcut list, click More and choose Keyboard Shortcuts. The list switches to Mac key symbols such as ⌘ and ⌫, or Windows keys such as Ctrl and Del, depending on the computer you’re using.

Shortcuts only work on the menu tree, and you need to select an item with the mouse before pressing a key:

Key Action
Enter or E Open the editor for the selected item
Esc Close a dropdown or cancel an add or edit action
T Insert an item from the template library directly below the current item
C Copy the selected item to the clipboard
V Paste the copied item directly below the current item
D Duplicate the selected item
Del or ⌫ on Mac Delete the selected item
Ctrl/⌘ + Z Undo the latest change
Ctrl/⌘ + Shift + Z or Ctrl + Y on Windows Redo the change you just undid

Undo and redo changes

These two buttons are on the floating toolbar at the right edge of the preview frame, just below the Mobile / Desktop buttons and the Preview only switch. They are not in More. The left-arrow button is Undo, which reverses the latest change. The right-arrow button just below it is Redo, which reapplies a change you just undid. You can also press Ctrl/⌘ + Z at any time.

Rename and describe the menu

Click More and choose Update menu info to open a window with two fields. The menu editor doesn’t show the menu name at the top, so this is where you rename it:

Field What it does Limit
Name of item Name the menu  
Description (Max: 100 characters) A short note so you remember what this menu is for Up to 100 characters

After you click save, the screen shows Menu updating….

Delete the menu permanently

In More, the Delete menu item has the small text Permanently remove this menu. It permanently removes the menu you have open. When you click it, the app shows a confirmation box Delete menu? with the message This will permanently delete this menu and all its items. This cannot be undone. Click Delete to remove it for good, or Cancel to stop.

Caution

Deleting a menu deletes every item inside it, and it can't be restored. If you're not sure, back it up first.

If a Desktop Mega Menu is embedded in a Mobile Menu, the app won’t let you delete it. First go to the Mobile Menu and remove that embed.

Quick reference: where to find each tool

Tool Where Available on every platform
Language, Copy embed ID, Ask AI, Navi+ Live, Keyboard Shortcuts, Backup / Restore, Update menu info, Delete menu The More button at the bottom of the left step bar Available on Shopify, Wix and other websites
Checks before going live The Preview & Test step Available on every platform. Some checks need Shopify store data, so on other platforms they show Skipped
Undo / Redo The floating toolbar at the right edge of the preview frame Available
Change the preview frame’s color theme, reload the preview frame The two round buttons at the end of the floating toolbar Available

Did this page help?

Need a hand? Chat with us in the app or write to [email protected] — send your store URL and the menu name.