Trình Tùy Chỉnh Tùy Chọn Sản Phẩm & Bộ Công Cụ Sản Phẩm: Hướng Dẫn Sử Dụng Trình Thiết Kế Tùy Chọn

Giả sử bạn muốn sử dụng các loại tùy chọn khác nhau để thiết kế các giải pháp tùy chỉnh cho sản phẩm của mình. Trong trường hợp đó, bạn có thể sử dụng ứng dụng Product Option Customizer & Product Bundler mà không cần hiển thị hiệu ứng tùy chỉnh trên trang sản phẩm. Ví dụ, nếu bạn bán các sản phẩm như kính áp tròng làm đẹp hoặc kính mắt, bạn yêu cầu khách hàng chọn đơn kính cho cả hai mắt, cũng như loại tròng kính và gọng kính.

Tổng quan trang thiết kế

1. Danh sách tùy chọn: Đây là danh sách hiển thị tất cả các tùy chọn đã thêm. Bạn có thể quản lý các tùy chọn này tại đây, bao gồm chỉnh sửa, sắp xếp lại, sao chép hoặc xóa các tùy chọn đã chọn.
2. Thêm tùy chọn: Hiển thị các tùy chọn có sẵn được hỗ trợ bởi ứng dụng Product Option Customizer & Product Bundler. Để thêm một tùy chọn, chỉ cần nhấp vào nút Thêm nằm ở góc trên bên phải của nhóm tùy chọn.
3. Chỉnh sửa tùy chọn: Điền thông tin cụ thể cho từng tùy chọn trong phần này. Chọn một tùy chọn từ danh sách và nhập chi tiết tương ứng.
4. Xem trước hiệu ứng tùy chọn: Ở bên phải trang, bạn có thể xem trước tùy chọn đã chọn.
   

Nhóm tùy chỉnh

Khái niệm "nhóm tùy chỉnh" được sử dụng để tổ chức và quản lý các tùy chọn có cùng nội dung tùy chỉnh, tương tự như bộ tùy chọn hoặc nhóm tùy chọn. Bạn có thể tự do thêm bất kỳ tùy chọn tùy chỉnh nào cho một nhóm tùy chỉnh cụ thể.

Trong hầu hết các trường hợp, một nhóm tùy chỉnh là đủ cho một sản phẩm. Tuy nhiên, nếu sản phẩm của bạn yêu cầu nhiều khung xem trước, bạn có thể phân biệt chúng bằng cách tạo nhiều nhóm tùy chỉnh, vì mỗi nhóm tùy chỉnh có thể được liên kết với một khung (hình nền cho hiệu ứng xem trước). Bạn có thể thêm tối đa 30 nhóm tùy chỉnh.

• Bạn có thể đặt điều kiện hiển thị cho các tùy chọn tùy chỉnh khác nhau trong một nhóm tùy chỉnh để kiểm soát khả năng hiển thị của chúng. Nhấp vào Đặt điều kiện hiển thị để cấu hình điều này.
• Bạn cũng có thể đặt hình nền cho hiệu ứng xem trước của một tùy chọn bằng cách nhấp vào Cài đặt hình nền.

Nếu nhóm tùy chỉnh của bạn đang ở trạng thái bản nháp, bạn có thể nhấp vào Ẩn nhóm này để ngăn khách hàng xem nội dung tùy chỉnh của nhóm này mà không ảnh hưởng đến việc hiển thị bình thường của các nhóm tùy chỉnh khác.

Tùy chọn hình ảnh

Ứng dụng Tùy chỉnh tùy chọn sản phẩm & Gói sản phẩm tích hợp nhiều chức năng trong phần Tùy chọn hình ảnh

• Bạn có thể điền vào các mục cần thiết như Tiêu đề, Ghi chú và Tùy chọn tải lên hình ảnh. Bạn sẽ sử dụng hình ảnh làm giá trị tùy chọn và có thể cung cấp văn bản mô tả cũng như đặt phí tùy chỉnh bổ sung. Bạn có thể tải lên nhiều hình ảnh từ thiết bị của mình để người tiêu dùng lựa chọn. Tính năng Tùy chỉnh sản phẩm sẽ tự động tạo nhiều tùy chọn dựa trên các hình ảnh đã tải lên, sử dụng tên tệp làm mô tả. Bạn có thể đặt tên cho hình ảnh trước hoặc chỉnh sửa mô tả sau.
• Bạn có thể bắt buộc tùy chọn hình ảnh này bằng cách bật Sản phẩm yêu cầu phần tử tùy chỉnh. Nếu khách hàng không chọn tùy chọn tùy chỉnh này, họ sẽ không thể đặt hàng.
• Nếu sản phẩm của bạn cũng cho phép khách hàng tải lên ảnh của họ để tùy chỉnh, bạn có thể chọn tùy chọn Người mua tải lên hình ảnh và đặt phí bổ sung cho dịch vụ này. Khách hàng của bạn sau đó có thể tải ảnh lên cửa hàng của bạn.
• Ngoài ra, bạn có thể chọn kiểu hiển thị của tùy chọn này trong cửa hàng của bạn, hoặc Kiểu lưới hoặc Thả xuống.
• Bạn có thể đặt giới hạn số lượng tùy chọn mà khách hàng có thể chọn. Chọn Cho phép người mua chọn nhiều tùy chọn và nhập Phạm vi số lượng lựa chọn.
  

Trong mô-đun Xem trước tùy chọn:

• Nếu bạn muốn trình diễn hiệu ứng tùy chỉnh được hiển thị theo thời gian thực cho khách hàng, bạn có thể đánh dấu vào ô Hình ảnh hiển thị ở vị trí mặc định trên hình nền. Tính năng Tùy chỉnh sản phẩm sẽ cung cấp một khung vẽ để hiển thị hiệu ứng, nơi bạn có thể đặt hình nền và điều chỉnh vị trí của hình ảnh trên nền. Khi khách hàng chọn một hình ảnh, chúng tôi sẽ ngay lập tức hiển thị cho họ hiệu ứng tùy chỉnh.
• Để thuận tiện cho bạn, hệ thống sẽ mặc định tất cả các hình ảnh trong cùng một tùy chọn hình ảnh được hiển thị ở cùng một vị trí. Do đó, bạn chỉ cần điều chỉnh một lần. Nếu bạn có các hình ảnh khác nhau cần hiển thị ở các vị trí khác nhau, bạn có thể đánh dấu vào tùy chọn Hình ảnh hiển thị ở các vị trí khác nhau, điều chỉnh cho phù hợp và sau đó điều chỉnh vị trí cho từng hình ảnh một. Hơn nữa, bạn có thể chọn có cho phép khách hàng tự do di chuyển vị trí của hình ảnh trên khung vẽ hay không.
• Để nâng cao hiệu ứng tùy chỉnh của bạn, đặc biệt khi bạn cần chỉ định một khu vực nhất định trên khung vẽ để hiển thị hiệu ứng, Tùy chỉnh sản phẩm hỗ trợ thiết lập khu vực và hình dạng hiển thị. Bạn có thể bật Khu vực hiển thị hình ảnh, chọn hình dạng phù hợp với nhu cầu và sau đó kéo hình dạng trong phần Xem trước chi tiết sản phẩm bên phải để điều chỉnh đến vị trí bạn muốn.
• Nếu hình dạng khu vực hiển thị sản phẩm không đều (chẳng hạn như hình elip), chúng tôi cung cấp giải pháp cho phép bạn thiết kế hiệu ứng theo bất kỳ hình dạng nào. Bạn có thể thực hiện điều này trong ba bước. Hướng dẫn cũng có sẵn khi bạn nhấp vào Cách tạo vùng tùy chỉnh: 

1. Sử dụng Photoshop (hoặc phần mềm tương tự) để khoét rỗng vùng tùy chỉnh trong hình ảnh sản phẩm. Lưu dưới dạng PNG với nền ‘trong suốt’.
2. Đặt khung vẽ tùy chỉnh để chứa vùng tùy chỉnh, và đặt nó hiển thị “Dưới khung vẽ”.
3. Chọn các tùy chọn hình ảnh tùy chỉnh bạn cần (ví dụ: hình ảnh của người bán, hoặc khách hàng có thể tải lên), sau đó đặt chúng vào vùng tùy chỉnh.

Khi thiết lập hoàn tất, bạn có thể xem trước hiệu ứng bằng cách chọn bất kỳ hình ảnh nào trong khu vực xem trước của trình chỉnh sửa. Bạn cũng có thể lưu tùy chỉnh và truy cập cửa hàng của mình để xem kết quả.

Văn bản

Tùy chỉnh sản phẩm tích hợp nhiều tính năng cho phần Văn bản

• Bạn có thể điền vào các trường như Tiêu đề, Ghi chú, và Số ký tự tối đa.
• Bạn có thể bật công tắc Sản phẩm yêu cầu phần tử tùy chỉnh để làm cho tùy chọn này trở thành bắt buộc.
• Bạn có thể đặt Phí bổ sung cho dịch vụ tùy chỉnh này.
• Bạn có thể giới hạn loại ký tự và định dạng.
  

Trong mô-đun thiết kế hiệu ứng văn bản nâng cao:

• Bạn có thể chọn hiển thị hiệu ứng văn bản tùy chỉnh theo thời gian thực cho khách hàng trong cửa hàng của bạn bằng cách bật tùy chọn Bật xem trước tùy chỉnh.
• Bạn có thể thiết kế Màu sắc văn bản, cung cấp nhiều lựa chọn màu sắc cho khách hàng. Ngoài ra, bạn có thể cho phép khách hàng tự do chọn màu sắc, miễn là nhà máy của bạn có thể sản xuất được.
• Bạn có thể thiết kế Phông chữ văn bản và cung cấp nhiều lựa chọn. Tùy chỉnh sản phẩm cung cấp một bộ sưu tập các phông chữ phổ biến để bạn sử dụng, và bạn cũng có thể tải lên các tệp phông chữ của riêng bạn (định dạng TTF) để sử dụng, tối đa 30 phông chữ.
• Bạn có thể chọn Kích thước văn bản và chọn có bật Hỗ trợ điều chỉnh kích thước phông chữ hay không.
• Bạn có thể áp dụng các hiệu ứng nghệ thuật cho văn bản, ví dụ như Đèn neon, Gạch chân, v.v.
• Bạn có thể thiết kế hiệu ứng cong của văn bản, cho phép khách hàng tự do di chuyển vị trí hiển thị của văn bản trên khung vẽ.
  
   

Tải tệp lên

Khi bạn cần khách hàng cung cấp tệp để tùy chỉnh sản phẩm, chẳng hạn như hình ảnh và tệp PDF, bạn có thể sử dụng tính năng Tải tệp lên.

• Bạn có thể điền vào Tiêu đề, Ghi chú, Kiểu hiển thị xem trước, và Phí bổ sung cần thiết cho dịch vụ tùy chỉnh này.
• Bạn có thể bật Sản phẩm yêu cầu phần tử tùy chỉnh để làm cho tùy chọn này trở thành bắt buộc.
• Bạn có thể đặt số lượng tệp tối đa khách hàng được phép tải lên, với gói PRO, khách hàng có thể tải lên tối đa 60 tệp cùng lúc.
  

Tùy chọn Dropdown

Khi bạn muốn cung cấp cho khách hàng nhiều lựa chọn dưới dạng văn bản, bạn có thể sử dụng tính năng Dropdown.

• Bạn có thể điền Tiêu đề cho tùy chọn này, Ghi chú cho khách hàng, Tùy chọn bạn cung cấp, và Phí bổ sung cần thiết cho dịch vụ tùy chỉnh này.
• Bạn có thể bật công tắc Sản phẩm yêu cầu phần tử tùy chỉnh để làm cho tùy chọn này bắt buộc.
• Bạn có thể sao chép, xóa hoặc đặt một tùy chọn làm lựa chọn Mặc định bằng cách nhấp vào Được chọn mặc định, và bạn cũng có thể tùy chỉnh kiểu hiển thị của các tùy chọn.
• Nếu một tùy chọn cụ thể đại diện cho một SKU khác cho sản phẩm của bạn (ví dụ: nếu một mục tùy chỉnh là một phụ kiện có SKU riêng), bạn có thể liên kết tùy chọn đó với SKU đó. Tính khả dụng của tùy chọn sẽ phụ thuộc vào mức tồn kho của SKU liên kết. Khi khách hàng chọn tùy chọn đó và đặt hàng, số lượng của SKU liên kết cũng sẽ bị trừ đi. Chỉ cần di chuột qua khoảng trống sau Phí bổ sung, nhấp vào biểu tượng túi mua sắm, sau đó chọn sản phẩm/biến thể.
  
  
  

Checkbox

Khi bạn cần khách hàng xác nhận xem họ có muốn bao gồm một dịch vụ cụ thể, chẳng hạn như "HỘP QUÀ TẶNG", bạn có thể sử dụng tính năng Checkbox.

• Bạn có thể điền Tiêu đề, Ghi chú, và Phí bổ sung cho tùy chọn này.
• Bạn có thể bật công tắc Sản phẩm yêu cầu phần tử tùy chỉnh để làm cho tùy chọn này bắt buộc hoặc đặt nó là Được chọn mặc định.
  

Ngày

Khi sản phẩm của bạn yêu cầu khách hàng nhập thông tin liên quan đến ngày tháng, bạn có thể sử dụng tính năng Ngày.

• Bạn có thể điền Tiêu đề, Ghi chú, và Phí bổ sung cho dịch vụ này.
• Bạn có thể bật công tắc Sản phẩm yêu cầu phần tử tùy chỉnh để làm cho tùy chọn này bắt buộc.
• Bạn có thể chọn Định dạng ngày, là ngày đơn hay khoảng ngày, và định dạng năm, tháng, ngày.
  

Bảng

Bạn có thể sử dụng tính năng Bảng để thu thập thông tin tùy chỉnh cần thiết từ khách hàng của bạn, đặc biệt đối với các sản phẩm như kính tùy chỉnh.

• Bạn có thể điền Tiêu đề, Ghi chú và Phí bổ sung cho tùy chọn này.
• Bạn có thể bật công tắc Sản phẩm yêu cầu yếu tố tùy chỉnh để làm cho tùy chọn này bắt buộc.
• Bạn có thể thiết kế định dạng bảng để nhập thông tin, bao gồm số hàng và cột, cũng như tiêu đề bảng.
  
   

Sản phẩm mua cùng nhau

Khi sản phẩm của bạn có thể được bán cùng với các mặt hàng khác hoặc yêu cầu phụ kiện bổ sung, bạn có thể sử dụng tính năng Mua cùng nhau.

• Bạn có thể điền Tiêu đề và Ghi chú.
• Bạn có thể chọn tối đa năm mặt hàng từ danh sách các sản phẩm tương thích.
• Bạn có thể chọn hiển thị theo chiều ngang hoặc chiều dọc trong phần Cài đặt hiển thị.
  

Cài đặt điều kiện hiển thị

Nếu có hành vi hiển thị logic giữa các tùy chọn của bạn, chẳng hạn như hiển thị các tùy chọn bổ sung khi một tùy chọn nhất định được chọn và ẩn chúng khi không được chọn, bạn có thể sử dụng tính năng Cài đặt điều kiện hiển thị để kiểm soát.

Trong ứng dụng Tùy chỉnh tùy chọn sản phẩm & Gói sản phẩm, bạn có thể cài đặt điều kiện hiển thị riêng biệt cho từng tùy chọn trong một nhóm tùy chỉnh mà không ảnh hưởng đến các tùy chọn khác.

Di chuột qua nút Cài đặt ở bên phải của nhóm tùy chỉnh, và nhấp vào Cài đặt điều kiện hiển thị.

Tính năng Cài đặt điều kiện hiển thị trong ứng dụng Tùy chỉnh tùy chọn sản phẩm & Gói sản phẩm có hai chế độ: Chế độ điều kiện và Chế độ sơ đồ tư duy. Hai chế độ này không ảnh hưởng lẫn nhau, và các cài đặt được thực hiện trong một chế độ cụ thể sẽ có hiệu lực trong cửa hàng tương ứng.

Bạn có thể chuyển đổi giữa các chế độ bằng cách nhấp vào Chế độ điều kiện/Chế độ sơ đồ tư duy ở góc trên bên phải.

Giải thích Chế độ sơ đồ tư duy

• Để cài đặt thứ tự hiển thị các tùy chọn, nhấp vào Đặt thứ tự hiển thị đầu tiên để vào trang sắp xếp, và kéo thả để sắp xếp các cột hiển thị của bạn.

• Cài đặt các quy tắc hiển thị.

Nhấp vào mũi tên đen bên cạnh một tùy chọn để cấu hình các tùy chọn phụ của nó. Chỉ cần nhấp vào tùy chọn mong muốn trong cửa sổ. Việc thiết lập điều kiện hiển thị thành công được biểu thị bằng một đường màu xanh. Bạn có thể thêm nhiều điều kiện hiển thị cho mỗi tùy chọn tùy chỉnh.

Nếu bạn thấy bất kỳ tùy chọn nào bị thiếu, bạn có thể tạo trực tiếp các tùy chọn mới trên trang này, và hệ thống sẽ tự động kết nối chúng.

Nếu bạn nhận thấy bất kỳ cài đặt sai nào, hãy di chuột qua đường màu xanh và nhấp vào nút Xóa màu đỏ để loại bỏ cài đặt.

Chế độ Điều kiện Giải thích

• Thiết lập thứ tự hiển thị bằng cách kéo và thả các cột hiển thị.

• Thiết lập các quy tắc hiển thị:

Bạn có thể tạo số lượng điều kiện không giới hạn, trong đó định dạng cho mỗi điều kiện là Khi một giá trị tùy chọn nhất định được chọn, hiển thị các tùy chọn cụ thể khác. Các điều kiện không loại trừ lẫn nhau; miễn là bất kỳ điều kiện nào được đáp ứng, các tùy chọn tương ứng sẽ được hiển thị.

• Thiết lập quy tắc dựa trên thuộc tính SKU:

Ngoài các tính năng trên, Chế độ Điều kiện có một tính năng đặc biệt cho phép bạn sử dụng kết quả lựa chọn thuộc tính SKU làm điều kiện kích hoạt. Ví dụ, nếu khách hàng chọn một màu sắc hoặc kích thước nhất định, các tùy chọn cụ thể sẽ được hiển thị trong khi chúng sẽ không được hiển thị nếu không được chọn.

Nếu mục tùy chỉnh này có nhiều nhóm tùy chỉnh, bạn có thể nhấp vào Tùy chọn thả xuống ở góc trên bên trái để thiết lập điều kiện hiển thị cho các nhóm tùy chỉnh khác của sản phẩm này. Khi hoàn tất, nhấp vào Lưu ở góc trên bên phải, và các cấu hình được thực hiện trong chế độ này sẽ được áp dụng cho trang cửa hàng tương ứng.