When you click the Link field of a menu item (Edit item › Basic info › Link), the Link to: window opens. Here you choose what happens when a shopper clicks that item. Below is the full list of link types, using the exact names shown in the app.
For step-by-step instructions on linking, open Link a menu item.
What’s in the Link to: window?
open:NaviMenu(…)Opens a Mobile Menu you pickopen:clickTo(CSS Selector)Clicks a button on the pageopen:focusTo(CSS Selector)Moves the cursor to a field//collections/all/carttel:+[Country code][Phone]At the top is the link input box and the UPDATE button. After you type a link, click UPDATE to save it into the Link field of the menu item. Right below is the row of quick-pick tabs:
| Tab | Used for | Available on |
|---|---|---|
| Library | A reference table of special links such as calling, scrolling, opening a chat and changing the language. This tab is always open. | All platforms |
| Custom | Saves the links you create yourself so you can reuse them. Click + Add to add a new one. | Shopify |
| Menu | Takes a link from an existing menu in Shopify, under Online Store › Navigation. | Shopify |
| Product | Chooses one product in your store. Has a search box and a filter by collection. | Shopify, Wix |
| Category | Chooses one product collection. | Shopify, Wix |
| Page | Chooses one content page, for example a returns policy page. | Shopify |
| Blog | Chooses one blog post. | Shopify |
In the Product, Category, Page and Blog tabs, click a row and the app fills in the link and saves it right away. If you have just added a new product and it does not appear in the list yet, click the ⟳ button to reload.
At the top of the window there are two small switches:
- Auto-clean URL — trims the domain name and extra ending when you paste a link. For example,
https://yourdomain.com/category/left-fusion#to-topbecomescategory/left-fusion. This switch only appears when you are adding or editing a menu item. - Don’t auto-open popup — turn it on if you don’t want this window to pop up each time you click the Link field. To open it again, click the pencil ✎ at the corner of the Link field. Your browser remembers the state of these two switches.
Add @new to the end of the link. For example, https://extend-link.com/home@new. This works with every link type below.
Look up the link types in the Library tab
The Library tab groups the special links into 11 groups, in the same order as the app. Each row has three columns: Name is the feature name, Syntax is what to type into the Link field, and Description explains what happens.
For many rows, you only need to click Apply and the app fills in the syntax for you. Rows that need a phone number, a message or a country code have an input box right above them.
open:NaviMenu(…)Opens a Mobile Menu you pickopen:clickTo(CSS Selector)Clicks a button on the pageopen:focusTo(CSS Selector)Moves the cursor to a field//collections/all/carttel:+[Country code][Phone]1. New and hot syntax
This group has the New label and three rows that work on every platform:
| Name | Syntax | What happens when the shopper clicks |
|---|---|---|
| Open another Navi+ Mobile menu | open:NaviMenu(SF-123456789) |
Opens another Mobile Menu of yours. Choose the menu name in the list and click Apply; the app fills in the menu ID automatically. |
| Click an element | open:clickTo(CSS selector) |
Clicks any button on the web page for the shopper. |
| Focus an element | open:focusTo(CSS selector) |
Places the cursor in an input box on the page, such as the search box. |
A CSS selector is the identifier of a button or a block on the web page, for example #search-box or .cart-button. If you want the page to scroll to that button before clicking, add Down or Up after it, like open:clickTo(selector, Down).
Don’t know how to get this identifier yet? Click Open Navi+ Live to find selector right under that row and follow the guide Find a CSS selector.
2. Link to your store internal pages
Use these to send shoppers to pages inside your store. You only type the end of the path, not the domain name.
| Name | Syntax | Opens |
|---|---|---|
| Exact short url | [your-url] |
Any page in the store, for example help/privacy-and-policy |
| Home page | Leave empty | The home page |
| All products | collections/all |
All products on Shopify |
| All blog posts | blogs/news |
The blog post list on Shopify |
| Cart page | cart |
The cart page on Shopify |
| Search page | search |
The search page on Shopify |
| Contact form | pages/contact |
The contact page on Shopify |
The five rows from All products down only appear when you use Shopify.
3. Open panels
This group has the From Business label. It needs a Business plan or higher and is only available on Shopify.
When a shopper clicks, the web page slides open the theme’s existing menu panel, cart drawer or search box right on the spot, instead of going to another page. Choose the row in the “Works with any theme” group marked Recommended, because it does not require you to pick the theme name.
| Name | Syntax | What happens when the shopper clicks |
|---|---|---|
| Open Menu | open:ThemeMenu |
Opens the theme’s built-in mobile menu. Navi+ detects the theme you are using automatically. |
| Open Cart | open:ThemeCart |
Opens the theme’s cart drawer. If the theme has no cart drawer, the shopper is taken to the cart page. |
| Open Search | open:ThemeSearch |
Opens the theme’s search panel. If the theme has no sliding panel, the shopper is taken to the search page. |
Below this there is a separate syntax table for each theme, using the older method, which still works normally. If your theme is not in the list, you can message Navi+ right inside the app. With a Business plan, the request is handled within 1–2 days.
4. Open other applications
This group has the From Business label and is only available on Shopify. At the moment the app supports opening Shopify Inbox, Shopify’s free chat box.
| Name | Syntax | What happens when the shopper clicks |
|---|---|---|
| Open Chatbox (FAB) — Recommended! | open:Inbox |
Opens the Shopify Inbox chat box, and hides the default floating chat button to save space on the screen. |
| Open Chatbox | open:InboxWithoutReplace |
Opens the chat box but keeps the default chat button, so you can handle it separately. |
5. Change language
This group has the From Business label and is only available on Shopify.
| Name | Syntax | What happens when the shopper clicks |
|---|---|---|
| Language switcher | open:Language |
Shows a language picker with flags in the middle of the screen. The current language is highlighted; the shopper taps a line to switch to that language. |
| Change language | open:ChangeLanguage(fr) |
Switches directly to one language without changing the page address. Choose the language in the drop-down and click Apply. |
To go back to the store’s default language, leave the brackets empty: open:ChangeLanguage(). The Language switcher needs Shopify to have at least 2 languages turned on, under Themes › Languages or Markets. For more, see Translate your menu into multiple languages.
6. Show a message
Works on every platform.
| Name | Syntax | What happens when the shopper clicks |
|---|---|---|
| Show message | open:Message("...", seconds) |
Slides up a message box from the bottom of the screen, with a bell icon and your message. The box closes by itself after the number of seconds you set (default 3 seconds). The shopper can also close it with the × button, by tapping outside it, or by pressing the ESC key. |
Type your message into the Type your message here box, enter the number of seconds in the box beside it, then click Apply.
7. Scroll on page
Scrolls the screen to the position you want. Works on every platform.
| Name | Syntax | What happens when the shopper clicks | Plan |
|---|---|---|---|
| Scroll to top | scroll:Top or scroll:Top(150) |
Scrolls to the top of the page. The number in brackets is an early stop distance in px. | |
| Scroll to bottom | scroll:Bottom or scroll:Bottom(150) |
Scrolls to the bottom of the page. | |
| Scroll to on-page element | scroll:OnPage(#titleOfPage) |
Scrolls to one specific section on the page that is open. | From Business |
| Scroll to element on another page | scroll:OnTargetPage(/collections/all, #titleOfPage) |
Moves to another page, waits for it to load, then scrolls to that section automatically. | From Business |
The number in brackets in scroll:Top and scroll:Bottom makes the page stop early, leaving room for a sticky menu bar at the top of the page, for example stopping 150 px from the top edge. The two rows Click an element and Focus an element from group 1 also appear in this table.
8. Call javascript function
Works on every platform.
| Name | Syntax | What happens when the shopper clicks |
|---|---|---|
| Call javascript function | javascript:sayHi |
Runs a JavaScript function on your page. Type the function name in the box and click Apply. |
This group is for people who write code. Click Write or edit JavaScript functions to open the code editor of the menu, or see Custom CSS and JavaScript.
9. Support tools
These help shoppers call, send a message or open a chat as soon as they click. Works on every platform. Type the information into the box on that row, then click Apply.
| Name | Syntax | Example |
|---|---|---|
| Make a phone call | tel:+[country code][number] |
tel:+0123456789 |
| Send a SMS message | sms:+[country code][number]?body=[content] |
sms:+012345678?body=I need product [url] — the text [url] is filled in automatically with the address of the page the shopper is viewing |
| Send an email | mailto:[email address] |
mailto:[email protected] |
| Chat with Messenger | https://m.me/[name] |
https://m.me/PhamKhoi |
| Chat with Whatsapp | https://wa.me/[number] |
https://wa.me/123456789 — include the country code but without the + sign |
| Chat with Line | https://lin.ee/[line id] |
https://lin.ee/1234567 |
| Chat with Zalo | https://zalo.me/+[country code][number] |
https://zalo.me/+0123456789 |
| Expand free chat box | — | Only shows on Shopify. Opens the Shopify Inbox chat box, the same as in group 4. |
10. Share
Helps shoppers share the page they are viewing. Works on every platform.
| Name | Syntax | What happens when the shopper clicks |
|---|---|---|
| Copy current URL | share:CopyUrl |
Copies the address of the current page to the clipboard of the device. |
| Share to Facebook | share:Facebook |
Shares the page to Facebook. |
| Share to Twitter (X) | share:Tweet |
Shares the page to X. |
| Share me | open:ShareMe |
Opens the built-in share sheet of the phone or computer. |
11. Link to extend websites
Works on every platform.
| Name | Syntax | What happens when the shopper clicks |
|---|---|---|
| Full url | https://your-domain.com |
Goes to a full address, including an external website. |
| Don’t redirect | # |
Keeps the current page. Often used for a parent menu item, when you only want a click to open its submenu. |
Quick summary by plan and platform
| Group | Plan | Shopify | Wix | Other websites |
|---|---|---|---|---|
| 1. New and hot syntax | All plans | Yes | Yes | Yes |
| 2. Pages in the store | All plans | All 7 rows | Only Exact short url, Home page | Only Exact short url, Home page |
| 3. Open panels | From Business | Yes | No | No |
| 4. Open other applications | From Business | Yes | No | No |
| 5. Change language | From Business | Yes | No | No |
| 6. Show a message | All plans | Yes | Yes | Yes |
| 7. Scroll on page | OnPage, OnTargetPage: From Business | Yes | Yes | Yes |
| 8. Call javascript function | All plans | Yes | Yes | Yes |
| 9. Support tools | All plans | Yes, plus the Shopify Inbox row | Yes | Yes |
| 10. Share | All plans | Yes | Yes | Yes |
| 11. Extend websites | All plans | Yes | Yes | Yes |
Other platforms
The steps above are for Shopify — the default way.
On Wix, the Link to: window has only three tabs: Library, Product and Category. There are no Custom, Menu, Page or Blog tabs. Groups 3, 4 and 5 in the Library tab do not appear.
On other websites, the Link to: window has only the Library tab, so you type the link into the box or choose a row in the table. Groups 3, 4 and 5 do not appear. For a link to a page on your website, type the end of the path (for example about-us) or the full address.