Cài đặt Visibility Rules
Visibility Rules là bộ điều kiện quyết định một menu hoặc một menu item có hiển thị hay không với một khách truy cập cụ thể — theo thiết bị, giỏ hàng, lịch, thị trường (Market), tag khách hàng, hay khách B2B — áp dụng cho cả hai cấp với đúng một bộ quy tắc.
Đặt ở đâu
- Cấp Menu item: mở Edit item → nhóm Visibility → bấm Setup the Visibility rules. (Nhóm Visibility nằm trong khối thu gọn — nếu không thấy ngay, bấm See more trước để mở ra.)
- Cấp Menu: mở panel Setting của menu → card Visibility Rules.
- Đường tắt từ Menu list (bảng liệt kê tất cả menu của shop): cột Visibility Rules luôn có link Setup (kèm tóm tắt phía trước nếu menu đã có điều kiện) — bấm vào là nhảy thẳng tới đúng menu, tự mở panel Setting và cuộn tới đúng card.
- Trên cây menu: item nào đang bật điều kiện thì có icon mắt 👁 ngay sau tên — di chuột vào để xem nhanh tóm tắt điều kiện mà không cần mở popup.
Từ đây trở xuống, mọi điều kiện, cú pháp và cách kết hợp đều dùng chung cho cả hai cấp — chỉ khác đúng vị trí bấm vào ở trên.
Market / Customer tag / B2B chỉ áp dụng cho Shopify, và hiện là ô tự nhập (chưa có dropdown chọn sẵn) — mỗi ô đều có link “View your Markets” / “Manage customer tags” / “Manage B2B companies” dẫn thẳng sang đúng trang Shopify Admin để tra giá trị chính xác trước khi gõ vào.
Các điều kiện hỗ trợ
| Điều kiện | Gói | Chỉ hiện khi nào | Giá trị nhập |
|---|---|---|---|
| Device | Business trở lên | Đúng loại thiết bị đang chọn | All devices / Mobile only / Desktop only |
| Page / URL | Business trở lên | Đúng loại trang, hoặc URL có/không chứa từ khóa | Tick nhóm trang (Home/Products/Collections/Pages/Blogs/Others) + 2 ô từ khóa |
| Cart contents | Business trở lên | Giỏ hàng có từ N sản phẩm trở lên (hoặc ẩn khi từ N sản phẩm trở lên — 2 chiều độc lập) | Số nguyên, ví dụ 1 |
| Schedule | Business trở lên | Đang trong khung ngày + giờ đã đặt | Ngày giờ bắt đầu → kết thúc, nhập theo UTC (quy đổi từ giờ địa phương trước khi nhập), so sánh bằng đồng hồ thiết bị khách |
| Market / Country | Elite | Khách đang duyệt dưới đúng Market đã chọn | Market handle, nhiều giá trị cách nhau dấu phẩy: us, ca |
| Customer tag | Elite | Khách đã đăng nhập có đúng tag | Một tag, ví dụ vip |
| B2B customer | Elite | Khách đã đăng nhập bằng tài khoản B2B | Bật/tắt |
Cách kết hợp nhiều điều kiện
Mọi điều kiện đang bật phải cùng đúng thì menu/item mới hiển thị — chỉ cần một điều kiện sai là ẩn ngay. Điều kiện nào để trống thì bỏ qua, không ảnh hưởng.
Ví dụ bật cả Device = Mobile only và Schedule = 01/09–15/09: chỉ hiện cho khách xem trên điện thoại, và chỉ trong đúng 2 tuần đó.
Chỉ cần 1 điều kiện đang bật mà sai (nhánh ✗ bên phải) là ẩn ngay — bất kể các điều kiện còn lại đúng hay không. Điều kiện nào để trống (không bật) thì bỏ qua, không xét.
5 ví dụ thực tế
1. Bán sỉ và lẻ cùng lúc, ẩn bảng giá sỉ khỏi khách lẻ (cấp Menu)
Shop vừa bán lẻ vừa bán sỉ. Khách sỉ (đã được Shopify duyệt tài khoản B2B) được mua với giá tốt hơn và có riêng một nhóm sản phẩm/collection chỉ dành cho họ. Shop muốn nhóm menu dẫn tới các trang này — “Bảng giá sỉ”, “Đặt hàng sỉ nhanh”, “Sản phẩm giá sỉ” — chỉ hiện cho đúng khách sỉ, còn khách lẻ truy cập bình thường thì không thấy chúng tồn tại (tránh nhầm giá, tránh lộ giá ưu đãi ra ngoài).
Cách làm: Dựng riêng 1 menu (hoặc 1 nhóm mục) chứa các link giá sỉ. Vào Setting → Visibility Rules, bật B2B customer. Kết quả: cả menu này chỉ hiện với khách đã đăng nhập bằng tài khoản B2B, khách lẻ (kể cả chưa đăng nhập) sẽ không thấy menu này trong lúc duyệt web.
2. Banner khuyến mãi có hạn, chỉ hiện khi đang mua hàng (cấp Item)
Muốn 1 banner “Miễn phí ship đơn từ 500K” chỉ xuất hiện trong đợt sale, và chỉ với khách đã bỏ ít nhất 1 sản phẩm vào giỏ (tránh làm phân tâm khách mới vào xem).
Cách làm: Trên item banner, bấm Setup the Visibility rules → bật Cart contents = 1, và Schedule = ngày bắt đầu/kết thúc đợt sale.
3. Link ưu đãi riêng cho khách VIP (cấp Item)
Muốn có 1 mục menu “Ưu đãi VIP” chỉ khách hạng VIP mới thấy, trong khi khách thường không biết mục này tồn tại.
Cách làm: Gắn tag vip cho đúng nhóm khách qua Shopify Flow/Customer Segment (Segment → Flow “Customer enters segment” → gắn tag). Trên item, bấm Setup the Visibility rules → bật Customer tag = vip.
4. Tab Bar “đẳng cấp” riêng cho khách VIP (cấp Menu)
Shop muốn khách VIP có trải nghiệm điều hướng khác biệt hẳn — nền đen, hiệu ứng lóng lánh, đúng cảm giác đẳng cấp — thay vì dùng chung giao diện tiêu chuẩn với mọi khách khác.
Cách làm: Dựng riêng 1 Tab Bar theo mẫu đen sang trọng, publish vào đúng vị trí Tab Bar mặc định của shop. Vào Setting → Visibility Rules, bật Customer tag = vip (gắn tag qua Shopify Flow/Customer Segment như ví dụ 3). Kết quả: khách có tag vip thấy thanh điều hướng riêng, khách thường vẫn thấy Tab Bar mặc định như cũ. (Mobile Menu áp dụng cùng cách.)
5. FAB mời khách xem ưu đãi ngay khi vừa thêm giỏ hàng (cấp Menu)
Khách vừa bỏ sản phẩm đầu tiên vào giỏ — đúng lúc đang cân nhắc mua thêm — shop muốn 1 nút nổi (FAB) xuất hiện mời khách bấm vào xem thông tin khuyến mãi (ví dụ “mua thêm để đạt mốc miễn phí ship”, quà tặng kèm…) để kích thích chốt đơn nhanh hơn, thay vì FAB hiện sẵn gây rối mắt ngay từ đầu.
Cách làm: Dựng 1 FAB (Floating Button) chứa nội dung khuyến mãi. Vào Setting → Visibility Rules, bật Cart contents = 1 (chỉ hiện khi giỏ hàng có từ 1 sản phẩm). Kết quả: FAB ẩn hoàn toàn cho tới khi khách thêm sản phẩm đầu tiên vào giỏ thì mới hiện ra. Lưu ý: điều kiện chỉ kiểm được SỐ LƯỢNG sản phẩm trong giỏ, không tính theo giá trị đơn hàng — mốc “miễn phí ship từ 100$” là nội dung marketing shop tự viết bên trong FAB, không phải điều kiện Visibility Rules tự tính theo giá trị đơn.