Chọn trang, thiết bị và khách hàng thấy menu

Một thanh menu rất tiện ở trang chủ nhưng lại vướng mắt khi khách đang ở trang thanh toán. Bài viết này hướng dẫn bạn đặt quy tắc để menu chỉ hiện đúng trang, đúng thiết bị và đúng nhóm khách mình muốn, đồng thời tổng hợp đầy đủ mọi điều kiện hiển thị đang có trên Navi+.

Trước khi bắt đầu

• Menu của bạn đã được đưa lên cửa hàng.
• Quy tắc trong bài này áp dụng cho toàn bộ menu. Nếu bạn chỉ muốn ẩn hoặc hiện một mục menu lẻ bên trong, hãy xem bài Ẩn hoặc hiện từng mục.

Mở phần cài đặt quy tắc ở đâu?

Lưu xong là quy tắc có tác dụng ngay ngoài cửa hàng. Bạn có thể vào đổi lại bất cứ lúc nào.

Chọn thiết bị, loại trang và đường dẫn

Cả ba quy tắc cơ bản này đều dùng được ở mọi gói, kể cả gói thấp nhất, chỉ trừ một trường hợp nhỏ ở bảng nâng cao phía dưới.

Visibility Rules

Control when and to whom this menu is shown. See detail

Display on pagesSelect which page groups the menu should appear on (Home, Products, Collections, ...).HomeProductsCollectionsPages2Loại trang

Display / hide by URL keywordsOnly show on URLs containing…3Chỉ hiện khi có từ khoáNever show on URLs containing…3Ẩn khi có từ khoá

Device BusinessAll devices1Thiết bị

1. Thiết bị: Bạn có hai công tắc riêng là Show menu on mobile cho điện thoại và Show menu on desktop cho máy tính. Khi mới tạo menu, công tắc điện thoại được bật sẵn còn máy tính thì tắt, riêng Desktop Mega Menu được bật sẵn cho máy tính. Với những loại menu chỉ dành cho một cỡ màn hình, công tắc còn lại sẽ bị khoá hoặc ẩn đi: Mobile Mega Menu khoá công tắc máy tính, còn Desktop Mega Menu không hiện công tắc điện thoại.

1. Loại trang: Trong mục Display on pages, bạn tích chọn những nhóm trang muốn hiện menu gồm Home, Products Detail, Product categories, Pages, Blogs và Others. Bạn bỏ tích nhóm nào thì menu sẽ ẩn ở nhóm trang đó.

1. Từ khoá trong đường dẫn URL: Có hai ô nhập từ khoá, mỗi ô cho phép gõ nhiều từ cách nhau bằng dấu phẩy:

Ô nhập	Tác dụng	Ví dụ
Only display the menu when Contains keywords	Chỉ hiện menu khi đường dẫn trang có chứa từ khoá này	Nhập collections để menu chỉ hiện ở các trang danh mục sản phẩm
Only display the menu when DOESN’T Contains keywords	Ẩn menu khi đường dẫn trang có chứa từ khoá này	Nhập checkout, cart để giấu menu ở trang giỏ hàng và thanh toán

• Nếu không cần lọc theo đường dẫn, bạn cứ để trống cả hai ô.
• Bạn gõ chữ hoa hay chữ thường đều được. Navi+ sẽ dò từ khoá trên cả tên miền lẫn phần đường dẫn của trang, chỉ cần khớp một từ khoá trong ô là được tính.
• Bạn chỉ nên điền một trong hai ô. Nếu điền cả hai cùng lúc, Navi+ sẽ xét ô DOESN’T Contains sau cùng để chốt kết quả, làm cho ô Contains không còn chạy đúng như bạn nghĩ.
• Nhiều chủ shop tự mở web thì thấy menu nhưng khách vào lại không thấy, nguyên nhân hay gặp nhất là do còn sót từ khoá gõ thử trong hai ô này.

Lọc theo giỏ hàng, lịch hẹn và nhóm khách

Mục Visibility Rules giúp bạn ẩn hoặc hiện menu dựa theo thông tin của chính người đang xem chứ không chỉ dựa vào trang. Mục này chỉ có trên Shopify.

Điều kiện	Menu hiện khi	Gói
Device	Khách đang dùng đúng thiết bị bạn chọn: All devices, Mobile only hoặc Desktop only	Business trở lên
Cart contents	Giỏ hàng có ít nhất N sản phẩm với Only show when the cart has at least, hoặc ẩn đi khi giỏ có từ N sản phẩm trở lên với Hide when the cart has at least	Business trở lên
Schedule	Đúng vào khoảng ngày giờ bạn đặt, rất tiện cho đợt khuyến mãi hoặc menu theo mùa. Bạn cứ nhập theo giờ máy của mình, app sẽ tự quy đổi; riêng các quy tắc tạo từ trước có thể vẫn đang tính theo giờ UTC	Business trở lên
Market / Country	Khách đang xem cửa hàng theo thị trường Shopify Market bạn chọn ở Only show in market, hoặc không thuộc thị trường đó khi chọn Hide in market	Elite
Customer tag	Khách đã đăng nhập tài khoản và có gắn tag trùng với từ bạn nhập, ví dụ vip	Elite
B2B customer	Khách đăng nhập bằng tài khoản công ty B2B của Shopify	Elite

Khi cài các điều kiện này, bạn cần nhớ vài điểm sau:

• Khi bật nhiều điều kiện cùng lúc, khách phải thoả mãn tất cả các điều kiện đó thì menu mới hiện. Những điều kiện bạn để trống sẽ được bỏ qua.
• Ô Market nhận mã handle của thị trường như us hoặc ca, gõ nhiều mã thì cách nhau bằng dấu phẩy và không phân biệt chữ hoa chữ thường. Ngay dưới ô này có dòng View your Markets để bạn bấm vào tra đúng mã handle.
• Ô Customer tag chỉ nhận đúng một tag, không phân biệt chữ hoa chữ thường. Khách phải đăng nhập tài khoản trên web thì mới nhận diện được tag.
• Điều kiện B2B chỉ tính khách đăng nhập bằng tài khoản công ty. Khách mua lẻ dù có gắn tag “wholesale” cũng không được tính là B2B.
• Nếu gói của bạn chưa hỗ trợ, mục đó sẽ hiện dòng chữ “Available on the Business plan and up” hoặc “Available on the Elite plan” và điều kiện đó chưa có tác dụng.

Các cách cài đặt hay dùng

Việc bạn muốn làm	Cách cài đặt
Chỉ hiện Tab Bar trên điện thoại	Bật Show menu on mobile, tắt Show menu on desktop
Hiện Tab Bar ở mọi nơi trừ trang thanh toán	Nhập checkout vào ô “DOESN’T Contains”
Chỉ hiện menu ở trang sản phẩm	Với Tab Bar hoặc Floating Button: chỉ chọn Products Detail ở mục Display on pages. Với các loại menu khác: nhập products vào ô “Contains”
Hẹn giờ tự tắt menu khuyến mãi	Đặt ngày kết thúc trong mục Schedule, hết hạn menu tự ẩn mà không cần nhớ vào xoá
Làm menu riêng cho khách sỉ	Lọc bằng Customer tag hoặc B2B customer

Chạy nhiều menu cùng loại với quy tắc riêng

Bạn có thể tạo hai menu cùng loại rồi đặt quy tắc khác nhau cho từng menu. Nhờ vậy, khách đang ở trang nào, ngôn ngữ nào hay thị trường nào sẽ thấy đúng menu dành cho nơi đó.

Khi đặt hai menu vào cùng một vị trí, bạn cần cài quy tắc loại trừ cho cả hai bên. Ví dụ, nếu menu cho khách sỉ đã điền practices vào Only show in market, thì ở menu bán lẻ bạn cũng phải điền practices vào Hide in market. Nếu bạn chỉ đặt quy tắc ở một menu, menu còn lại vẫn sẽ hiện ở mọi nơi.

Riêng khi làm menu nhiều ngôn ngữ, nếu bạn chỉ cần đổi chữ theo từng thứ tiếng thì dịch trực tiếp ngay trong một menu sẽ gọn hơn, xem bài Dịch menu sang nhiều ngôn ngữ.

Kiểm tra ngoài cửa hàng thật

Bạn cần mở trang web cửa hàng thật để kiểm tra chứ đừng nhìn khung xem trước trong app. Khung xem trước trong app không chạy theo các quy tắc ẩn hiện.

1. Mở một trang lẽ ra phải có menu và xem menu đã hiện lên chưa.
2. Mở một trang bạn đã chặn menu và kiểm tra xem menu đã ẩn đi chưa.
3. Thử lại cả trên điện thoại lẫn máy tính.

Để an toàn và không làm ảnh hưởng khách đang mua hàng, bạn nên thử trên bản sao của theme trước theo bài Thử menu trước khi khách nhìn thấy.

Xử lý khi menu hiện chưa đúng

Đặt quy tắc xong thì không thấy menu đâu?

Bạn quay lại bước Configure và rà lại từng mục từ trên xuống: menu đang bật cho thiết bị nào, chọn nhóm trang nào, có lọc theo từ khoá đường dẫn nào không. Ô “Contains” phải để trống thì menu mới hiện ở mọi nơi, chỉ cần dính một từ khoá thừa là menu gần như biến mất khỏi web. Bạn nhớ kiểm tra lại cả hai công tắc thiết bị.

Có sản phẩm hiện đúng, có sản phẩm lại mất menu?

Đường dẫn trang sản phẩm có thể thay đổi tuỳ theo danh mục mà khách bấm vào, ví dụ như /collections/sale/products/.... Vì vậy, từ khoá bạn nhập có thể khớp với đường dẫn này nhưng lại trượt ở đường dẫn khác. Nếu bạn dùng Tab Bar hoặc Floating Button và muốn hiện ở tất cả trang sản phẩm, hãy chọn nhóm Products Detail trong mục Display on pages thay vì lọc bằng từ khoá.

Nên đặt quy tắc ở cả menu hay ở từng mục menu?

• Quy tắc của cả menu trong bài này quyết định nguyên thanh menu có xuất hiện trên trang hay không.
• Quy tắc của từng mục menu chỉ dùng để ẩn hoặc hiện từng hàng bên trong một menu đang mở. Xem cách làm tại Ẩn hoặc hiện từng mục.

Khi cả menu đã bị ẩn theo quy tắc chung, thì mọi mục bên trong cũng không hiện ra dù bạn có đặt quy tắc riêng cho từng mục thế nào.

Nền tảng khác

Shopify Wix Website khác

Các bước ở trên dành cho Shopify — đây là cách mặc định.