Tùy Chỉnh Tùy Chọn Sản Phẩm & Gói Sản Phẩm: Sử Dụng Tính Năng Tùy Chọn Liên Quan Để Hiển Thị Thiết Kế

Dịch vụ tùy chỉnh sản phẩm của bạn có thể cung cấp một thiết kế, nơi khách hàng có thể chọn và tùy chỉnh một hoặc nhiều phần. Với tính năng Tùy chọn Liên kết, bạn có thể làm cho nội dung, đặc điểm hoặc thuộc tính của các phần trở thành các tùy chọn, và các phần tương ứng (các yếu tố thực như hình ảnh và văn bản) sẽ được hiển thị trong thiết kế cuối cùng để khách hàng xem trước hiệu ứng. Điều này làm cho dịch vụ tùy chỉnh của bạn trở thành một trải nghiệm trực quan và năng động hơn.

Các Trường Hợp Sử Dụng

Ví dụ 1

Khách hàng có thể chọn một hình ảnh với văn bản mô tả, và bản xem trước hiển thị cách nó được chồng lên toàn bộ thiết kế.

Ví dụ 2

Khách hàng chọn một màu da từ bảng màu cho một nhân vật, và bản xem trước hiển thị hình ảnh nhân vật với màu da này.

Ví dụ 3

Khách hàng chọn một văn bản từ menu thả xuống, và nó được hiển thị trên hình ảnh sản phẩm.

Cách Tính Năng Này Hoạt Động

Để đạt được trải nghiệm tùy chỉnh này, bạn thực sự tạo ra hai bộ tùy chọn. Bộ đầu tiên là để khách hàng tương tác. Nó có thể là một bảng màu đơn giản, menu thả xuống văn bản, hoặc bất cứ điều gì rõ ràng đại diện cho lựa chọn tùy chỉnh. Bộ thứ hai là để hiển thị hình ảnh sản phẩm cuối cùng. Sau đó, bạn liên kết chúng và làm cho các tùy chọn từ mỗi bộ khớp với nhau. Ví dụ, bộ đầu tiên của bạn là một bảng màu cho nhân vật của một con mèo, theo thứ tự màu trắng, đen, cam và xám. Sau đó, cho bộ thứ hai của bạn, bạn nên cung cấp hình ảnh của những con mèo theo cùng thứ tự (tức là, mèo trắng, mèo đen, mèo cam và mèo xám). Vì vậy, khi một khách hàng chọn màu cam, bản xem trước sẽ chồng hình ảnh mèo cam lên hình ảnh sản phẩm.

Các bước tổng quát như sau:

1. Tạo bộ tùy chọn đầu tiên (A) mà khách hàng thấy và chọn. Vì những tùy chọn này không được sử dụng để hiển thị, hãy di chuyển nó ra khỏi khu vực canvas.
2. Tạo bộ thứ hai để hiển thị (B). Đảm bảo chọn Ẩn Tùy Chọn Này. Vì vậy, nó sẽ không được hiển thị trên trang sản phẩm như các tùy chọn.
   
3. Liên kết Bộ A và B bằng cách chọn “B” từ menu thả xuống Tùy Chọn Liên Kết trong thành phần Bộ A. Đảm bảo rằng thứ tự của các tùy chọn trong A và B khớp với nhau đúng cách.