Cách cài đặt layer nhiều cấp độ bằng chức năng Additional Option
Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách sử dụng chức năng Additional option để thiết lập nhiều layer với nhiều cấp độ lựa chọn
(Chúng tôi sẽ sử dụng lựa chọn về tóc để làm ví dụ trong bài viết)
Bình thường, khi bạn thiết lập các cài đặt cho tóc, bạn sẽ chỉ có thể tạo 1 nhóm clipart category với 1 menu xổ xuống và 1 cấp độ (level) nhỏ hơn bao gồm các danh mục tóc con (sub-category).
Chính vì vậy, để hiển thị các lựa chọn về màu tóc trước khi khách hàng có thể chọn kiểu tóc, chúng ta sẽ sử dụng chức năng Additional Option để phân thêm nhiều cấp độ lựa chọn cho Tóc
Vì chúng ta cần layer màu tóc (Hair color) hiển thị trước nên chúng ta sẽ tạo additional option cho Hair Color
Bạn cần đi đến trang Assets ➡ vào trang "Additional Options" ➡ tạo một category mới và đặt tên là "Hair Color"
Thêm các lựa chọn nhỏ hơn vào trong danh mục Hair Color này
(Tìm hiểu thêm cách tạo và chỉnh sửa hạng mục Additional Option tại đây)
Bây giờ, chúng ta sẽ thêm 3 màu tóc: Đen (Black), Vàng (Blonde), Đỏ (Red)
Đ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:
Đi tới trang Artworks, tạo một artwork mới hoặc chỉnh sửa artwork có sẵn
Trong Artwork Editor, thêm một layer Additional Option Hair Color ➡ Chỉnh sửa layer ➡ Lựa chọn Option Category là Hair Color
Bạn có thể đặt lại tên cho layer này là Girl Hair Color để hiển thị trên store
Hãy chọn "Mark as required" để tránh trường hợp khách hàng quên không chọn layer này
Chọn giá trị mặc định (Default value) cho Additional option. Trong VD này, chúng ta sẽ chọn màu đỏ làm giá trị mặc định:
Để hiểu hơn về phương pháp này, hãy đọc bài viết sau: Thêm điều kiện cho layer
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"
Đă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 đỏ:
Thêm điều kiện cho 2 kiểu tóc "Vàng" và "Đỏ" này phụ thuộc vào layer "Hair color". Chọn màu sắc tương ứng cho hai layer này
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".
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:
Ấn Save và hoàn tất
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
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
(Chúng tôi sẽ sử dụng lựa chọn về tóc để làm ví dụ trong bài viết)
Bình thường, khi bạn thiết lập các cài đặt cho tóc, bạn sẽ chỉ có thể tạo 1 nhóm clipart category với 1 menu xổ xuống và 1 cấp độ (level) nhỏ hơn bao gồm các danh mục tóc con (sub-category).
Chính vì vậy, để hiển thị các lựa chọn về màu tóc trước khi khách hàng có thể chọn kiểu tóc, chúng ta sẽ sử dụng chức năng Additional Option để phân thêm nhiều cấp độ lựa chọn cho Tóc
Bước 1: Tạo dựng category
Vì chúng ta cần layer màu tóc (Hair color) hiển thị trước nên chúng ta sẽ tạo additional option cho Hair Color
Bạn cần đi đến trang Assets ➡ vào trang "Additional Options" ➡ tạo một category mới và đặt tên là "Hair Color"
Thêm các lựa chọn nhỏ hơn vào trong danh mục Hair Color này
(Tìm hiểu thêm cách tạo và chỉnh sửa hạng mục Additional Option tại đây)
Bây giờ, chúng ta sẽ thêm 3 màu tóc: Đen (Black), Vàng (Blonde), Đỏ (Red)
Bước 2: Thiết lập 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
Trong Artwork Editor, thêm một layer Additional Option Hair Color ➡ Chỉnh sửa layer ➡ Lựa chọn Option Category là Hair Color
Bạn có thể đặt lại tên cho layer này là Girl Hair Color để hiển thị trên store
Hãy chọn "Mark as required" để tránh trường hợp khách hàng quên không chọn layer này
Chọn giá trị mặc định (Default value) cho Additional option. Trong VD này, chúng ta sẽ chọn màu đỏ làm giá trị mặc định:
3.2: Thêm điều kiện cho layer Hair để tạo nhiều cấp độ lựa chọn
Để hiểu hơn về phương pháp này, hãy đọc bài viết sau: Thêm điều kiện cho layer
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"
Đă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 đỏ:
Thêm điều kiện cho 2 kiểu tóc "Vàng" và "Đỏ" này phụ thuộc vào layer "Hair color". Chọn màu sắc tương ứng cho hai layer này
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".
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:
Ấ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
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: 18/08/2022
Cảm ơn!