Khi bạn bấm vào ô Link của một mục menu tại Edit item › Basic info › Link, cửa sổ Link to: sẽ bật ra. Tại đây, bạn chọn việc sẽ xảy ra khi khách bấm vào mục đó. Dưới đây là toàn bộ các loại link theo đúng tên hiển thị trong app.
Nếu cần xem cách gắn link từng bước, bạn mở bài Gắn link cho mục menu.
Trong cửa sổ Link to có gì?
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]Trên cùng là ô nhập link và nút UPDATE. Sau khi gõ link, bạn bấm UPDATE để lưu vào ô Link của mục menu. Ngay bên dưới là dải tab chọn nhanh:
| Tab | Dùng để | Có trên |
|---|---|---|
| Library | Bảng tra các link đặc biệt như gọi điện, cuộn trang, mở chat, đổi ngôn ngữ. Tab này luôn mở sẵn. | Mọi nền tảng |
| Custom | Lưu các link bạn tự tạo để dùng lại nhiều lần. Bấm + Add để thêm mới. | Shopify |
| Menu | Lấy link có sẵn từ menu của Shopify trong mục Online Store › Navigation. | Shopify |
| Product | Chọn một sản phẩm trong shop, có ô tìm kiếm và lọc theo collection. | Shopify, Wix |
| Category | Chọn một collection sản phẩm. | Shopify, Wix |
| Page | Chọn một trang nội dung, ví dụ trang chính sách đổi trả. | Shopify |
| Blog | Chọn một bài viết blog. | Shopify |
Trong các tab Product, Category, Page và Blog, bạn chỉ cần bấm vào một dòng là app tự điền và lưu link luôn. Nếu vừa thêm sản phẩm mới mà chưa thấy trong danh sách, bạn bấm nút ⟳ để tải lại.
Ở góc trên cửa sổ có hai công tắc nhỏ:
- Auto-clean URL — tự cắt bỏ tên miền và phần đuôi thừa khi bạn dán link. Ví dụ
https://yourdomain.com/category/left-fusion#to-topsẽ gọn lại thànhcategory/left-fusion. Công tắc này chỉ hiện khi bạn đang thêm hoặc sửa mục menu. - Don’t auto-open popup — bật lên nếu bạn không muốn cửa sổ này tự bung ra mỗi khi bấm vào ô Link. Khi cần mở lại, bạn bấm nút cây bút ✎ ở góc ô Link. Trình duyệt của bạn sẽ tự nhớ trạng thái của hai công tắc này.
Thêm @new vào cuối link. Ví dụ https://extend-link.com/home@new. Cách này dùng được với mọi loại link bên dưới.
Tra cứu các loại link trong tab Library
Tab Library chia các link đặc biệt thành 11 nhóm theo đúng thứ tự trong app. Mỗi dòng có ba cột: Name là tên tính năng, Syntax là cú pháp điền vào ô Link, và Description là mô tả cách chạy.
Ở nhiều dòng, bạn chỉ cần bấm Apply để app điền sẵn cú pháp. Những dòng cần thêm số điện thoại, lời nhắn hay mã vùng chọn sẽ có ô nhập nằm ngay trên dòng đó.
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
Nhóm này gắn nhãn New, gồm ba dòng dùng được trên mọi nền tảng:
| Name | Syntax | Khi khách bấm |
|---|---|---|
| Open another Navi+ Mobile menu | open:NaviMenu(SF-123456789) |
Mở một Mobile Menu khác của bạn. Bạn chọn tên menu trong danh sách rồi bấm Apply, app sẽ tự điền mã menu. |
| Click an element | open:clickTo(CSS selector) |
Tự bấm hộ khách vào một nút bất kỳ trên trang web. |
| Focus an element | open:focusTo(CSS selector) |
Đặt sẵn con trỏ vào một ô nhập trên trang, chẳng hạn như ô tìm kiếm. |
CSS selector là mã định danh của một nút hoặc khung trên trang web, ví dụ #search-box hay .cart-button. Nếu muốn trang tự cuộn tới nút đó rồi mới bấm, bạn thêm Down hoặc Up vào sau như open:clickTo(selector, Down).
Chưa biết cách lấy mã này? Bạn bấm Open Navi+ Live to find selector ngay bên dưới dòng đó và xem hướng dẫn Tìm CSS selector.
2. Link to your store internal pages
Dùng để dẫn khách tới các trang bên trong shop của bạn. Bạn chỉ cần gõ phần đuôi đường dẫn, không cần gõ tên miền.
| Name | Syntax | Mở ra trang |
|---|---|---|
| Exact short url | [your-url] |
Một trang bất kỳ trong shop, ví dụ help/privacy-and-policy |
| Home page | Để trống | Trang chủ |
| All products | collections/all |
Tất cả sản phẩm trên Shopify |
| All blog posts | blogs/news |
Danh sách bài blog trên Shopify |
| Cart page | cart |
Trang giỏ hàng trên Shopify |
| Search page | search |
Trang tìm kiếm trên Shopify |
| Contact form | pages/contact |
Trang liên hệ trên Shopify |
Năm dòng từ All products trở xuống chỉ hiện khi bạn dùng Shopify.
3. Open panels
Nhóm này có nhãn From Business, cần gói Business trở lên và chỉ có trên Shopify.
Khi khách bấm, web sẽ trượt mở khung menu, ngăn giỏ hàng hoặc ô tìm kiếm có sẵn của theme ngay tại chỗ thay vì chuyển sang trang khác. Bạn nên chọn dòng trong mục “Works with any theme” có nhãn Recommended vì không cần chọn tên theme.
| Name | Syntax | Khi khách bấm |
|---|---|---|
| Open Menu | open:ThemeMenu |
Mở menu điện thoại có sẵn của theme. Navi+ tự nhận diện theme bạn đang dùng. |
| Open Cart | open:ThemeCart |
Mở ngăn kéo giỏ hàng của theme. Nếu theme không có ngăn giỏ, khách sẽ được đưa tới trang giỏ hàng. |
| Open Search | open:ThemeSearch |
Mở khung tìm kiếm của theme. Nếu theme không có khung trượt, khách sẽ được đưa tới trang tìm kiếm. |
Phía dưới còn có bảng cú pháp riêng cho từng theme theo cách cũ và vẫn chạy bình thường. Nếu theme của bạn chưa có trong danh sách, bạn có thể nhắn cho Navi+ ngay trong app. Với gói Business, yêu cầu sẽ được xử lý trong 1–2 ngày.
4. Open other applications
Nhóm này có nhãn From Business và chỉ có trên Shopify. Hiện tại app hỗ trợ mở Shopify Inbox — khung chat miễn phí của Shopify.
| Name | Syntax | Khi khách bấm |
|---|---|---|
| Open Chatbox (FAB) — Recommended! | open:Inbox |
Mở khung chat Shopify Inbox, đồng thời ẩn nút chat nổi mặc định đi để đỡ tốn chỗ trên màn hình. |
| Open Chatbox | open:InboxWithoutReplace |
Mở khung chat nhưng vẫn giữ nguyên nút chat mặc định để bạn tự xử lý riêng. |
5. Change language
Nhóm này có nhãn From Business và chỉ có trên Shopify.
| Name | Syntax | Khi khách bấm |
|---|---|---|
| Language switcher | open:Language |
Hiện bảng chọn ngôn ngữ kèm cờ ở giữa màn hình. Ngôn ngữ đang dùng sẽ sáng nổi bật, khách chạm vào dòng nào là đổi sang ngôn ngữ đó. |
| Change language | open:ChangeLanguage(fr) |
Đổi thẳng sang một ngôn ngữ mà không làm đổi đường dẫn trang. Bạn chọn ngôn ngữ trong ô chọn rồi bấm Apply. |
Nếu muốn quay về ngôn ngữ mặc định của shop, bạn để trống phần trong ngoặc: open:ChangeLanguage(). Tính năng Language switcher cần Shopify bật từ 2 ngôn ngữ trở lên trong Themes › Languages hoặc Markets. Xem thêm cách làm tại bài Dịch menu.
6. Show a message
Dùng được trên mọi nền tảng.
| Name | Syntax | Khi khách bấm |
|---|---|---|
| Show message | open:Message("...", seconds) |
Trượt một khung thông báo có hình chiếc chuông và lời nhắn của bạn từ đáy màn hình lên. Khung này tự tắt sau số giây bạn đặt, mặc định là 3 giây. Khách cũng tự đóng được bằng nút ×, chạm ra ngoài hoặc bấm phím ESC. |
Bạn gõ lời nhắn vào ô Type your message here, điền số giây vào ô bên cạnh rồi bấm Apply.
7. Scroll on page
Cuộn màn hình tới vị trí bạn muốn. Dùng được trên mọi nền tảng.
| Name | Syntax | Khi khách bấm | Gói |
|---|---|---|---|
| Scroll to top | scroll:Top hoặc scroll:Top(150) |
Cuộn lên đầu trang. Số trong ngoặc là khoảng dừng sớm tính bằng px. | |
| Scroll to bottom | scroll:Bottom hoặc scroll:Bottom(150) |
Cuộn xuống cuối trang. | |
| Scroll to on-page element | scroll:OnPage(#titleOfPage) |
Cuộn tới đúng một mục nằm trên trang đang mở. | From Business |
| Scroll to element on another page | scroll:OnTargetPage(/collections/all, #titleOfPage) |
Chuyển sang trang khác, đợi trang tải xong rồi tự cuộn tới đúng mục đó. | From Business |
Con số trong ngoặc ở scroll:Top và scroll:Bottom giúp trang dừng lại sớm để chừa chỗ cho thanh menu dính ở đầu trang, ví dụ dừng cách mép trên 150 px. Hai dòng Click an element và Focus an element của nhóm 1 cũng có mặt trong bảng này.
8. Call javascript function
Dùng được trên mọi nền tảng.
| Name | Syntax | Khi khách bấm |
|---|---|---|
| Call javascript function | javascript:sayHi |
Chạy một hàm JavaScript trên trang của bạn. Gõ tên hàm vào ô rồi bấm Apply. |
Nhóm này dành cho người biết viết mã. Bạn bấm Write or edit JavaScript functions để mở ô viết mã của menu, hoặc xem bài Tuỳ chỉnh CSS và JavaScript.
9. Support tools
Giúp khách gọi điện, nhắn tin hoặc mở khung chat ngay khi bấm. Dùng được trên mọi nền tảng. Bạn điền thông tin vào ô trên dòng đó rồi bấm Apply.
| Name | Syntax | Ví dụ |
|---|---|---|
| Make a phone call | tel:+[mã quốc gia][số] |
tel:+0123456789 |
| Send a SMS message | sms:+[mã quốc gia][số]?body=[nội dung] |
sms:+012345678?body=I need product [url] — chữ [url] sẽ tự điền địa chỉ trang khách đang xem |
| Send an email | mailto:[địa chỉ] |
mailto:[email protected] |
| Chat with Messenger | https://m.me/[tên] |
https://m.me/PhamKhoi |
| Chat with Whatsapp | https://wa.me/[số] |
https://wa.me/123456789 — ghi kèm mã quốc gia nhưng không có dấu + |
| Chat with Line | https://lin.ee/[mã line] |
https://lin.ee/1234567 |
| Chat with Zalo | https://zalo.me/+[mã quốc gia][số] |
https://zalo.me/+0123456789 |
| Expand free chat box | — | Chỉ hiện trên Shopify. Mở khung chat Shopify Inbox giống ở nhóm 4. |
10. Share
Giúp khách chia sẻ trang đang xem. Dùng được trên mọi nền tảng.
| Name | Syntax | Khi khách bấm |
|---|---|---|
| Copy current URL | share:CopyUrl |
Chép địa chỉ trang đang xem vào bộ nhớ tạm của máy. |
| Share to Facebook | share:Facebook |
Chia sẻ trang lên Facebook. |
| Share to Twitter (X) | share:Tweet |
Chia sẻ trang lên X. |
| Share me | open:ShareMe |
Mở bảng chia sẻ có sẵn của điện thoại hoặc máy tính. |
11. Link to extend websites
Dùng được trên mọi nền tảng.
| Name | Syntax | Khi khách bấm |
|---|---|---|
| Full url | https://your-domain.com |
Chuyển tới một địa chỉ đầy đủ, kể cả trang web bên ngoài. |
| Don’t redirect | # |
Giữ nguyên trang hiện tại. Rất hay dùng cho mục menu cha khi chỉ cần bấm để mở menu con. |
Bảng tra nhanh theo gói và nền tảng
| Nhóm | Gói | Shopify | Wix | Website khác |
|---|---|---|---|---|
| 1. New and hot syntax | Mọi gói | Có | Có | Có |
| 2. Trang trong cửa hàng | Mọi gói | Đủ 7 dòng | Chỉ Exact short url, Home page | Chỉ Exact short url, Home page |
| 3. Open panels | From Business | Có | Không | Không |
| 4. Open other applications | From Business | Có | Không | Không |
| 5. Change language | From Business | Có | Không | Không |
| 6. Show a message | Mọi gói | Có | Có | Có |
| 7. Scroll on page | OnPage, OnTargetPage: From Business | Có | Có | Có |
| 8. Call javascript function | Mọi gói | Có | Có | Có |
| 9. Support tools | Mọi gói | Có, thêm dòng Shopify Inbox | Có | Có |
| 10. Share | Mọi gói | Có | Có | Có |
| 11. Extend websites | Mọi gói | Có | Có | Có |
Nền tảng khác
Các bước ở trên dành cho Shopify — đây là cách mặc định.
Cửa sổ Link to: trên Wix chỉ có ba tab: Library, Product và Category. Không có tab Custom, Menu, Page, Blog. Các nhóm 3, 4, 5 trong tab Library không hiện.
Trên website khác, cửa sổ Link to: chỉ có tab Library, nên bạn gõ link vào ô hoặc chọn dòng trong bảng. Các nhóm 3, 4, 5 không hiện. Với link tới trang trong website, gõ phần đuôi (ví dụ about-us) hoặc địa chỉ đầy đủ.