Link Types
The Link To field in Basic Info controls what happens when a visitor taps or clicks an item. Navi+ supports many link types beyond a plain URL.
When you click the Link To field, a help popup opens automatically with full examples. You can also type directly into the field.
1. Internal store pages
Use short paths (no domain) to link to pages within your Shopify store.
| Destination | Enter |
|---|---|
| Home page | (leave empty) |
| All products | collections/all |
| A collection | collections/collection-handle |
| A product page | products/product-handle |
| A static page (About, FAQ…) | pages/page-handle |
| Blog listing | blogs/news |
| A blog post | blogs/news/post-handle |
| Cart | cart |
| Search | search |
| Contact | pages/contact |
Auto Clean tip: Paste a full URL (e.g. https://mystore.com/collections/sale) → enable the Auto clean toggle → the system strips the domain and keeps only collections/sale.
2. Full URL (External link)
Link to any website using a full URL.
https://brand.com/campaign
https://instagram.com/yourpage
3. Open in new tab
Append @new to any link to open it in a new tab.
collections/all@new
https://brand.com/campaign@new
4. No navigation (parent item)
Use # when an item is a parent that contains child items — tapping it expands the children without navigating anywhere.
#
5. Scroll (Anchor)
| Action | Syntax |
|---|---|
| Scroll to top | scroll:Top |
| Scroll to top with 100px offset | scroll:Top(100) |
| Scroll to bottom | scroll:Bottom |
| Scroll to a section by CSS selector | scroll:OnPage(#section-id) (Business / Elite) |
Example: A “Back to top” button → Link To is scroll:Top.
6. Open panel / popup (Business / Elite)
Open theme UI components without leaving the page.
| Action | Syntax |
|---|---|
| Open a Navi+ Slide menu | open:NaviMenu(SF-XXXXXXXXXX) |
| Click a CSS element | open:clickTo(#cart-button) |
| Focus an input field | open:focusTo(.search-input) |
| Open theme search / cart drawer | Use the help popup → Open panels |
| Open Shopify Inbox chat | Use the help popup → Open other applications |
open:clickTo and open:focusTo accept Down or Up to scroll before acting:
open:clickTo(.footer-element, Down)
7. Phone, SMS, Email
| Action | Syntax |
|---|---|
| Phone call | tel:+12125550100 |
| SMS | sms:+12125550100?body=Hello |
mailto:[email protected] |
8. Chat apps
| App | Syntax |
|---|---|
https://wa.me/12125550100 (no + prefix) |
|
| Messenger | https://m.me/YourPageName |
| Zalo | https://zalo.me/+0123456789 |
| Line | https://lin.ee/your-line-code |
9. Share
| Action | Syntax |
|---|---|
| Share current page (native share dialog) | open:ShareMe |
| Copy URL to clipboard | share:CopyUrl |
| Share to Facebook | share:Facebook |
| Share to Twitter / X | share:Tweet |
10. Call JavaScript
Call any JavaScript function defined on the page.
javascript:openCustomModal
javascript:toggleDarkMode
11. Switch language
open:ChangeLanguage(fr) ← switch to French
open:ChangeLanguage(vi) ← switch to Vietnamese
open:ChangeLanguage() ← reset to default language