Trình Tùy Chỉnh Tùy Chọn Sản Phẩm & Bộ Sản Phẩm: Sử Dụng Tính Năng Tùy Chọn Liên Kết Để 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 bộ phận. Với tính năng Tùy chọn Liên kết, bạn có thể biến nội dung, đặc điểm hoặc thuộc tính của các bộ phận thành các tùy chọn, và các bộ phận tương ứng (các yếu tố thực tế 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ở nên trực quan và sinh động hơn.

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

Ví dụ 1

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

Ví dụ 2

Khách hàng chọn 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 đó.

Ví dụ 3

Khách hàng chọn một đoạn 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 hai bộ tùy chọn. Bộ đầu tiên dành cho 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ứ thứ gì thể hiện rõ lựa chọn tùy chỉnh. Bộ thứ hai dành cho việc 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à bảng màu cho nhân vật con mèo, theo thứ tự màu trắng, đen, cam và xám. Sau đó với bộ thứ hai, bạn nên cung cấp hình ảnh các 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). Như vậy khi khách hàng chọn màu cam, bản xem trước sẽ phủ hình ảnh con mèo màu cam lên hình ảnh sản phẩm.

Các bước chung như sau:

1. Tạo bộ tùy chọn đầu tiên (A) mà khách hàng nhìn thấy và chọn. Vì các 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 dưới dạng 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ác tùy chọn trong A và B khớp chính xác.