Each menu item has a Link field where you choose where shoppers go when they click it: open a page on your store, make a phone call, send a message, or just open a submenu.
Before you start
- Open your menu in the Navi+ app, and go to the Build Menu step.
- Hover over the menu item you want to link, then click Edit or press the
Ekey. The edit panel opens, and the Link field is at the very top.
Which link types can you add?
| When a shopper clicks the item, you want… | How to fill the Link field | Example |
|---|---|---|
| To open a collection, product, page, or blog post on your store | Choose from the Product, Category, Page, Blog, or Menu tabs | collections/sale |
| To go to the home page | Leave the Link field empty | (empty) |
| To open the cart, search, or contact page | Choose the matching line in the suggestion list | cart, search, pages/contact |
| To go to another website | Choose Full url, or paste the full link | https://brand.com/campaign |
| To open the link in a new tab | Add @new at the very end of the link |
collections/all@new |
| To open only the submenu, without changing page | Choose Don’t redirect, or type # |
# |
| To call, send an SMS, or send an email | Use the tel:, sms:, or mailto: format |
tel:+84901234567 |
| To open a chat in WhatsApp, Messenger, Zalo, or Line | Choose the matching app link | https://wa.me/84901234567 |
| To scroll to the top or bottom of the page | Choose Scroll to top or Scroll to bottom | scroll:Top |
| To open another Navi+ Mobile menu, the cart, or the theme’s search box | Choose Open another Navi+ Mobile menu or Open panels | open:NaviMenu(SF-123456789) |
| To share the page, or copy the current link | Choose Share me, Copy current URL… | open:ShareMe |
For pages inside your store, you only need the short path after your domain name. For example, type collections/sale instead of https://yourstore.com/collections/sale.
Choose a collection, product, or page that already exists
-
Click the Link field to open the Link to: window.
Link to: ShopAuto-clean URLE.g: https://your-domain.com/collectionUPDATELibrary★ CustomMenuProductCategoryPageBlog1Choose a link typeNameSyntaxDescriptionNew and hot syntax NewOpen another Navi+ Mobile menuopen:NaviMenu(…)Opens a Mobile Menu you pickClick an elementopen:clickTo(CSS Selector)Clicks a button on the pageFocus an elementopen:focusTo(CSS Selector)Moves the cursor to a fieldLink to your store internal pagesHome page/All products/collections/allCart page/cartSupport toolsMake a phone call2Syntax table is opentel:+[Country code][Phone] -
In the tab bar at the top of the window, choose where to send shoppers: Product for a product, Category for a collection, Page for a content page, Blog for an article, or Menu for a navigation menu that already exists in Shopify. Type a name in the search box, then click the result you need.
The Library tab opens first and shows a special link syntax table. The Custom tab keeps the links you’ve saved yourself.
Link to: ShopAuto-clean URLE.g: https://your-domain.com/collectionUPDATE2Click UPDATELibrary★ CustomMenuProductCategoryPageBlogSearch product by name...Classic T-shirt/products/classic-t-shirtCanvas bag/products/canvas-bag1Type a name, then click a result -
The link you picked appears in the field at the top of the window. Click UPDATE to put this link into the item’s Link field.
The edit panel has no separate save button. Changes go straight into the menu tree. Click Back to return to the menu tree, then click Save at the top of the screen.
If you accidentally paste your whole domain name into the link, turn on the Auto-clean URL switch at the top of the Link to: window. Navi+ removes the domain name and keeps only the path.
Type a link yourself and open it in a new tab
-
Type or paste the link straight into the Link field. If it leads to a website outside your store, remember to include the full
https://at the start. -
To have the browser open that link in a new tab, type
@newat the very end of the link, with no space. For example:https://brand.com/campaign@new.
Use links for calls, chat, or another menu
In the Link to: window, scroll down the suggestion list on the Library tab. You don’t need to remember the syntax. Find the line you want, then click Apply to fill the template into the link field:
- Calls, SMS, or email: use
tel:,sms:, ormailto:with a phone number or email address. - Chat: connect to WhatsApp, Messenger, Line, or Zalo, or choose Expand free chat box.
- Scrolling: take shoppers to the top of the page, to the bottom, or to a specific section.
- Menus or theme parts: open another Navi+ Mobile menu, click a button already on the page such as the cart or the theme’s search box, or switch the language.
- Sharing: open the page’s share window, copy the current URL, or share to Facebook and X.
The Open panels, Open other applications, and Change language groups require a paid plan. The suggestion window shows which groups are locked.
Make a parent item open only its submenu, without changing pages
If a parent item only opens a list of sub-items below it, type # in the Link field, or choose Don’t redirect in the suggestion list. When shoppers click the parent item, only the submenu opens, and they stay on the same page.
If a parent item has its own link and also contains sub-items, what happens on click depends on the menu type. The safest approach is to set the parent’s Link field to #, then create the first sub-item inside it, named “View all”, and link it to that category. After you save, go to the Test step and tap through on the phone preview before you publish.
Set a different link for each language
Next to the Link label, there’s a globe icon for Language. Click it to enter a separate link for each language of your store. For example, you can send French readers to the /fr/ page. For more, see Translate your menu into multiple languages.
Troubleshooting
Clicking a menu item doesn’t go anywhere
Open the item and check the Link field. If it’s #, the item stays put. If it’s completely empty, the item goes to the home page. For a Mobile Menu, if you tap the ☰ button and the menu doesn’t open, see Mobile Menu doesn’t open when tapped.
Clicking an item shows a 404 error
The collection or page may have been deleted, or its path may have changed. Click the Link field, then choose it again from the list to get the latest path, instead of typing it by hand.
The link opens in the current tab instead of a new one
Type @new at the very end of the path in the Link field, then click Save. The link will open in a new tab.
Other platforms
The steps above are for Shopify — the default way.
Wix has no Shopify data, so type the link path yourself. Product and Category can still be picked from your Wix store. Paste the full link to a Wix page, for example https://yourstore.com/shop.
Other websites (including WordPress) have no collections, Shopify menus, Markets, or customer tags. Enter every link by hand, in full, starting with https://. In the Link to: window, only the Library tab and the syntax table are available.