> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.teeinblue.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Về tính năng Điều hướng nhanh (Quick Navigation)

Khi một Campaign có nhiều Artwork, Personalization Form có thể trở nên dài và khiến khách hàng khó thao tác.

Để giải quyết vấn đề này, **tính năng Quick Navigation** bổ sung một menu điều hướng ở đầu form, giúp khách hàng dễ dàng chuyển đổi giữa các Artwork và nhanh chóng truy cập những tùy chọn cần tùy chỉnh.

Tính năng này đặc biệt hữu ích đối với các Campaign như:
* Sản phẩm bán theo pack;
* Bộ trang sức gồm nhiều món;
* Sản phẩm có nhiều thành phần có thể tùy chỉnh.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/monosnap-screencast-2026-08-24_4tmrqq.gif)

# Bật Quick Navigation

Bạn có thể bật tính năng này trực tiếp trong **Campaign Editor** bằng icon góc phải của **Personalization Form**:

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/monosnap-teeinblue-portal-2026_1ef3n0s.png)

| Quick Navigation chỉ có thể được bật khi có ít nhất một variant được liên kết với nhiều Artwork.

# Cách Quick Navigation hiển thị trên Storefront

* Sau khi được bật, một menu điều hướng sẽ xuất hiện ở đầu Form. Mỗi mục trong menu tương ứng với một Artwork.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_1qq539u.png)

* Theo mặc định, các Campaign được tạo từ Product Base sử dụng định dạng **Tên Product Base + số thứ tự** (ví dụ: Ornament Packs 1, Ornament Packs 2 và Ornament Packs 3), trong khi các Campaign sử dụng sản phẩm Shopify sử dụng định dạng **Tên sản phẩm Shopify + số thứ tự**.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/monosnap-3-crisp-2026-10-12-02_94a7sj.png)

* Để thay đổi tên hiển thị với khách hàng, bạn có thể cập nhật tên Product Base trong Teeinblue hoặc thay đổi trực tiếp trên Shopify, tùy thuộc vào loại Campaign đang sử dụng. Ngoài ra, bạn cũng có thể chỉnh sửa thông qua **Quick Navigation Popup**.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_102ni3d.png)

* Menu điều hướng sẽ được giữ cố định khi khách hàng cuộn qua biểu mẫu. Ngoài ra, các mục menu chưa hiển thị sẽ được đưa vào menu thả xuống để khách hàng dễ dàng truy cập.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/monosnap-ornament-pack-teeinbl_d4kwp6.png)

# Về Mockup

* Khi khách hàng chọn một mục trong menu điều hướng, thư viện ảnh sẽ hiển thị **mockup đầu tiên có Print Area tương ứng với Artwork đó**. Gallery cũng hiển thị **số thứ tự sản phẩm** để khách hàng xác định mockup hiện tại thuộc về sản phẩm nào.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/monosnap-ornament-pack-teeinbl_1f30gc4.png)

* Mỗi Artwork chỉ nên có một mockup tương ứng. Không khuyến khích sử dụng cùng một mockup cho nhiều Artwork hoặc gán một Artwork cho nhiều mockup.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/monosnap-monosnap-teeinblue-po_7tf9yf.png)