Hướng dẫn người dùng cho Trình tùy chỉnh tùy chọn sản phẩm & Bộ sản phẩm: 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 Tuỳ chỉnh Tùy chọn Sản phẩm & Gói Sản phẩm mà không làm ảnh hưởng đến 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 thuốc cho cả hai mắt, cũng như loại kính và khung kính.

Tổng quan về 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 ở đâ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 Tuỳ chỉnh Tùy chọn Sản phẩm & Gói Sản phẩm. Để 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 của trang, bạn có thể thấy bản xem trước của 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ó nội dung tùy chỉnh giống nhau, tương tự như các 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 canvas 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 canvas (hình ảnh nền cho các 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 ả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 ảnh nền.

Nếu nhóm tùy chỉnh của bạn là 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 Tuỳ 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 Tiêu đề, Ghi chú, và Tùy chọn tải lên Hình ảnh cần thiết. 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ả và đặt thêm phí tùy chỉnh. 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 các hình ảnh trước hoặc sửa đổi mô tả sau.
• Bạn có thể làm cho tùy chọn hình ảnh này trở thành bắt buộc bằng cách đơn giản kích hoạ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ọ 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ể kiểm tra tùy chọn Khách hàng tải lên hình ảnh và đặt thêm phí cho dịch vụ này. Khách hàng của bạn sau đó có thể tải lên ảnh đế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 Gạch hoặc Thả xuống.
• Bạn có thể đặt giới hạn về số lượng tùy chọn mà khách hàng có thể chọn. Kiểm tra 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 theo thời gian thực cho khách hàng của mình, bạn có thể đánh dấu ô 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 canvas để trình diễn 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 hiển thị tất cả hình ảnh trong cùng một tùy chọn hình ảnh ở cùng một vị trí. Do đó, bạn chỉ cần thực hiện điều chỉnh một lần. Nếu bạn có những 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 ô 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 một hình ảnh trên canvas 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 canvas để 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ể kích hoạt Khu vực hiển thị hình ảnh, chọn hình dạng phù hợp với nhu cầu của bạn 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ó đến vị trí bạn muốn.
• Nếu hình dạng của 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 một giải pháp cho phép bạn thiết kế hiệu ứng ở 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 một khu vực tùy chỉnh:

1. Sử dụng Photoshop (hoặc tương tự) để khoét khu vực 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 canvas tùy chỉnh để chứa khu vực tùy chỉnh, và đặt nó hiển thị “Dưới canvas”.
3. Chọn các tùy chọn hình ảnh tùy chỉnh mà bạn yêu cầu (ví dụ: hình ảnh của thương nhân, hoặc khách hàng có thể tải lên), sau đó đặt chúng vào khu vực 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 bạn để 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 yếu tố tùy chỉnh để làm cho tùy chọn này trở nên bắt buộc.
• Bạn có thể đặt một Phí bổ sung cho dịch vụ tùy chỉnh này.
• Bạn có thể hạn chế các loại và định dạng ký tự.
  

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 kích hoạ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 tùy chọn màu sắc cho khách hàng của bạn. Ngoài ra, bạn có thể chọn 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 chúng.
• Bạn có thể thiết kế Phông chữ văn bản và cung cấp nhiều lựa chọn khác nhau. 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 mình (đị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, tức là, ánh sáng 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 canvas.
  
  

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ú, Phong cách 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 yếu tố tùy chỉnh để làm cho tùy chọn này trở nên bắt buộc.
• Bạn có thể đặt số lượng tệp tối đa mà 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 một 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 vào Tiêu đề của 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 trở thành bắt buộc.
• Bạn có thể sao chép, xóa hoặc đặt một tùy chọn là 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 một 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 không gian 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ể. 
  
  
  

Hộp kiểm

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À", bạn có thể sử dụng tính năng Hộp kiểm.

• Bạn có thể điền vào 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 trở thành 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 vào 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 trở thành bắt buộc.
• Bạn có thể chọn Định dạng Ngày, cho dù đó là một ngày đơn lẻ hay một khoảng thời gian, và định dạng của năm, tháng và 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 cho các sản phẩm như kính tùy chỉnh.

• Bạn có thể điền vào 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 trở thành bắt buộc.
• Bạn có thể thiết kế định dạng của bảng để nhập thông tin, bao gồm số hàng và cột, và 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 vào 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 dưới 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ể thiết lập các đ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ế độ bản đồ tư duy. Hai chế độ này không ảnh hưởng đế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ế độ bản đồ tư duy ở góc trên bên phải.

Giải thích Chế độ Bản đồ Tư duy

• Để thiết lập thứ tự hiển thị của 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 và thả để sắp xếp các cột hiển thị của bạn.

• Đặt 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 con 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 chỉ ra 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ể trực tiếp tạo 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 nào không chính xác, hãy di chuột qua đường màu xanh và nhấp vào nút Xóa màu đỏ để xóa cài đặt đó.

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

• Đặt thứ tự hiển thị bằng cách kéo và thả các cột hiển thị.

• Đặt 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ị.

• Đặt 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 của các thuộc tính SKU làm điều kiện kích hoạt. Ví dụ, nếu một 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 để đặt đ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, hãy nhấp vào Lưu ở góc trên bên phải, và các cấu hình đã thực hiện trong chế độ này sẽ được áp dụng cho trang cửa hàng tương ứng.