Color Categories là gì?

Color Categories là một thư viện tập hợp các lựa chọn về màu sắc có thể được sử dụng để khách hàng thay đổi màu chữ (layer text) trên một design. Khách hàng có thể chọn lựa một màu sắc trong số đó để tùy chỉnh design theo ý họ.

Dưới đây là ví dụ về một color category:

Như vậy, trên live store, khách hàng sẽ được lựa chọn từ những màu sắc có trong category này để thay đổi màu của một layer text:

Cách tạo Color Category

• Từ trang Home, bạn tìm tới page Assets > Color Categories
• Chọn New Category

• Đặt tên cho category này và chọn Create

Thêm Colors (các lựa chọn màu) vào category

• Để thêm màu vào trong category, bạn có thể điền mã màu (color hex) trong ô text box hoặc chọn một màu từ ô vuông color picker. Và chọn Add new

Chỉnh sửa Colors trong category

• Sau khi thêm các màu, cách hiển thị ảnh đại diện mặc định cho các options màu sắc này trên personalization form sẽ dưới dạng **Thumbnail images. **
• Để đổi tên màu, click vào tên màu, mặc định tên màu = mã màu (color hex), sau đó đổi tên, chọn Save để xác nhận.

Tên màu sẽ xuất hiện trên storefront nếu bạn chọn tùy chọn hiển thị là Dropdown list of Option Name hoặc bật toggle Show option name on hover

• Bấm vào nút X để xóa
• Để thay đổi thứ tự các lựa chọn màu sắc, click, giữ chuột và kéo thả đến vị trí theo thứ tự mà bạn muốn.

Sử dụng Color Categories trong Artwork 2.0

Trong Artwork 2.0, bạn hãy thêm một lớp (layer) Color độc lập vào form cá nhân hóa, sau đó truyền giá trị màu đã chọn vào một layer hỗ trợ, chẳng hạn như layer Text (Văn bản).
Thêm một layer Color

1. Mở trình chỉnh sửa Artwork (Artwork editor).
2. Chọn + Layer.
3. Tại mục Form Elements, chọn Color.

Cấu hình tùy chọn Color

Bạn có thể tái sử dụng một Global Option hiện có hoặc tạo một tùy chọn mới cho artwork này.

Tái sử dụng Global Option hiện có

1. Trong phần Personalization Settings của layer Color, chọn Use an existing global option.
2. Tại mục Select a global option, chọn Global Option thuộc loại Color mà bạn đã tạo trước đó.

Tạo một tùy chọn Color mới

1. Trong phần Personalization Settings của layer Color, chọn Create a new option.
2. Nhập Option Title. Tiêu đề này sẽ hiển thị trên form cá nhân hóa.
3. Tại mục Color options, chọn Solid Color category.
4. Tại mục Select one color category, chọn Danh mục màu sắc (Color Category) bạn đã tạo trước đó.

Áp dụng Color option cho một layer khác

1. Mở layer mà bạn muốn khách hàng có thể thay đổi màu sắc (ví dụ: layer Text).
2. Mở rộng mục Populate Values.
3. Bật tùy chọn Populate Color from another option.
4. Tại mục Select a Color option, chọn layer Color bạn vừa thêm.
5. Giữ nguyên giá trị truyền vào là {{color}}.

Kiểm tra kết quả

1. Xem trước (Preview) hoặc phát hành campaign có sử dụng artwork này.
2. Trên cửa hàng (storefront), chọn một màu từ form cá nhân hóa.
3. Xác nhận rằng màu đã chọn được áp dụng cho layer liên kết trên bản xem trước.

Kết quả mong đợi: Khách hàng có thể chọn một màu từ Color Category và layer được liên kết sẽ cập nhật theo màu đó.

Cập nhật vào: 26/08/2026