Hướng dẫn chi tiết về Additional Option
Chức năng Additional Option là gì?
Additional Option là một lựa chọn bổ sung chỉ được hiển thị trên personalization form, và không thêm bất cứ layer nào trong artwork.
Bạn có thể sử dụng Additional Option để:
- Thêm một câu hỏi vào form
- Thêm một level lựa chọn mà không thêm bất cứ hình ảnh nào vào design
Ví dụ: Bạn muốn khách hàng lựa chọn màu tóc (Hair color) sau đó mới được chọn kiểu tóc (Hairstyles). Để làm được việc này, bạn sẽ cần thêm một Additional Option để khách hàng có thể lựa chọn màu tóc trước, và các kiểu tóc sẽ được hiển thị phụ thuộc vào màu tóc được chọn.
Cách tạo và thiết lập Additional Option category
BƯỚC 1. Tạo thư mục Additional Option
- Vào trang Assets ➡ Additional Options ➡ ấn chọn nút New Category
- Nhập tên cho category, sau đó nhấp vào "Create"
- Bắt đầu tạo các tùy chọn mới bằng cách nhập tên vào ô "Item name" ➡ Ấn "Add new" để thêm tùy chọn mới này
- Tạo các tùy chọn còn lại trong category này. Kéo thả để thay đổi thứ tự của các tùy chọn.
Các cách hiển thị của Additional Option
Có 3 cách để Additional Option được hiển thị trên store:
BƯỚC 2: Set up clipart categories
- Đi đến trang "Clipart Categories" ➡ tạo một danh mục mới có tên "Hair - by color"
- Trong danh mục "Hair - by color", tạo thêm 3 danh mục con tương ứng với 3 màu tóc trên: Đen (Black), Vàng (Blonde), Đỏ (Red)
- Trong mỗi danh mục con, tạo một level nhỏ hơn chứa các thư mục con cho các kiểu tóc khác nhau như "Bun", "Shoulder length", "Long length".
Sau đó, đăng tải cliparts cho mỗi kiểu tóc trong thư mục con này:
BƯỚC 3: Cài đặt layer nhiều cấp độ trong Artwork editor
3.1: Thêm additional option trong artwork
- Đi tới trang Artworks, tạo một artwork mới hoặc chỉnh sửa artwork có sẵn
- Mở Artwork, chọn dấu
+
, sau đó chọnAdditional Option
- Sau đó, chọn
Additional Option
mà bạn vừa tạo:
- Đặt tên tiêu đề của option là Hair Color
Mark this option as required
để khách hàng không bỏ qua option này:
- Chọn
default value
cho additional option. Bạn có thể chọn tóc màu đỏ Red là lựa chọn hiển thị mặc định:
3.2: Thêm điều kiện cho layer Hair để tạo nhiều cấp độ lựa chọn
- Bạn hãy upload một layer tóc và đặt tên theo màu tóc. Ví dụ: "Hair - Black":
- Chỉnh sửa kích thước và di chuyển phần tóc đến đúng vị trí mong muốn. Thêm các cài đặt cá nhân hóa cho layer này. Trong ví dụ này, chúng tôi sẽ chọn personalize với "1 Group of clipart categories" để tạo ra nhiều cấp độ lựa chọn. Sau đó, hãy chọn layer "Black". (Bạn cũng có thể chọn cá nhân hóa với "1 Clipart category" nếu các kiểu tóc của bạn chỉ được nhóm lại trong 1 danh mục)
- Chỉnh sửa lại vị trí (Reposition) của các clipart thay thế và thêm một số thông tin cần thiết như Mark as required, Title và Placeholder (Tìm hiểu thêm về các Lựa chọn các nhân hóa tại đây)
- Bây giờ, hãy mở phần Advanced Options ➡ trong trường "Add a condition", chọn layer "Hair color" sau đó chọn "Black"
- Upload 2 same hairstyles, but with different color in blond and red. Resize and move it to the same position as black hair. Repeat the above steps for setup.
For Blond hair layer:
For Red hair layer:
eye
icon to temporarily toggle off the other Hair Layers for easier working- Đăng tải thêm 2 layer với các cài đặt giống như trên, chỉ khác về màu sắc: vàng và đỏ. Hãy chỉnh sửa và di chuyển layer này để cùng vị trí với layer tóc đen. Lặp lại các bước như đã làm với layer tóc đen.
_Với layer tóc vàng: _
Với layer tóc đỏ:
- Bây giờ, hãy chọn một kiểu tóc mà bạn muốn hiển thị mặc định trên store. Vì các kiểu tóc của bạn đã được thêm điều kiện nên bạn sẽ cần bật nút "Show option as default".
Trong ví dụ này, chúng tôi sẽ hiển thị kiểu tóc màu đỏ trên store:
Show this layer on first load
, nên ảnh tóc không hiện.- Ấn Save và hoàn tất
BƯỚC 4: Kiểm tra kết quả trên store
- Tạo và launch campaign (Tìm hiểu thêm Cách tạo Campaign)
- Xem trang Sản phẩm và ấn chọn vào một số lựa chọn để xem các lựa chọn tóc:
Cập nhật vào: 21/06/2024
Cảm ơn!