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
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/clipboard-june-21-2024-1522_dfkk40.png)
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.
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_7bj4o3.png)
Additional Option sẽ không được render trong order design vì đây chỉ là một lựa chọn bổ sung trên form và không có layer nào trong artwork. Bạn sẽ cần thêm hình ảnh và điều kiện phụ thuộc cho hình ảnh tương ứng với Additional Option.
Cách tạo và thiết lập Additional Option category
Dưới đây là ví dụ rất phổ biến khi setup Artwork. Khách hàng có thể chọn option cho màu tóc, với mỗi màu tóc, lần lượt sẽ có nhiều kiểu tóc khác nhau.
BƯỚC 1. Tạo thư mục Additional Option
Vào trang Assets ➡ Additional Options ➡ ấn chọn nút New Category
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_14c5ueb.png)
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
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1a9x7xd.png)
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.
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_12v11sj.png)
Additional Option chỉ có 1 level.
Các cách hiển thị của Additional Option
Có 3 cách để Additional Option được hiển thị trên store:
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1881d8a.png)
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)
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_s32mvm.png)
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:
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1kzkvnf.png)
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ọn Additional Option
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_19w4x7s.png)
Sau đó, chọn Additional Option mà bạn vừa tạo:
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1eedui9.png)
Đặt tên tiêu đề của option là Hair Color
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_14jn9pl.png)
Mark this option as required để khách hàng không bỏ qua option này:
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_lq21lb.png)
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:
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_ev4pxw.png)
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":
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1do71zr.png)
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)
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_gnl8lz.png)
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"
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_120yw9t.png)
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:
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1p2kqw0.png)
For Red hair layer:
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_4wwob3.png)
You can click on the 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:
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_eyb0u1.png)
Với layer tóc đỏ:
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_18mq09g.png)
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".
Hãy chỉ bật chức năng này lên với 1 kiểu tóc duy nhất, nếu không thì các kiểu tóc khác cũng sẽ được hiển thị trên store.
Trong ví dụ này, chúng tôi sẽ hiển thị kiểu tóc màu đỏ trên store:
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_8uso5z.png)
Đây là bước rất quan trọng vì nó sẽ ảnh hưởng đến việc hiển thị của Artwork với khách hàng. Vui lòng xem hình ảnh so sánh dưới đây
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1xjkqi1.png)
Ảnh bên trái không được bật setting 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)
Hãy nhớ kiểm tra trường thứ tự của các lựa chọn cá nhân hóa trước khi launch 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:
![Sau khi chọn màu tóc, layer Blonde và các clipart tóc vàng sẽ được hiện ra](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_54jac7.png)
![Chọn kiểu tóc để clipart hiển thị](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1dqtxre.png)
Bạn có thể sử dụng cách làm này cho các trường hợp cài đặt nhiều cấp độ layer khác. Ví dụ: cài đặt màu da và body, chọn giống chó, mèo, số người trong 1 template...
Nếu bạn cần hỗ trợ với việc cài đặt này, hãy liên lạc trực tiếp với chúng tôi qua live chat trong app
Cập nhật vào: 21/06/2024
Cảm ơn!