Trình thiết kế tùy chọn trong Ứng dụng Tùy chỉnh Sản phẩm & Xây dựng Gói: Hướng dẫn sử dụng

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 Customizer & Bundle Builder 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 Customizer & Bundle Builder. Để 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 Trình tùy chỉnh sản phẩm & Bộ xây dựng gói tích hợp nhiều chức năng trong phần Tùy chọn hình ảnh, được chia thành hai phần: Thông tin tùy chọn cơ bản và Hiệu ứng xem trước nâng cao.

• Bạn có thể điền vào các mục cần thiết 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 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 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 thêm phí 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 Danh sách thả xuống.
  • Nếu bạn chọn Hiển thị kiểu lưới, bạn có thể cấu hình thêm cách nhãn tùy chọn (văn bản mô tả cho hình ảnh) được hiển thị dưới Nhãn tùy chọn. Bạn có thể chọn Dưới hình ảnh, Khi rê chuột, hoặc cả hai. Các tùy chọn này có thể được bật độc lập.
• 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.
• Bạn có thể chọn các hộp kiểm bên cạnh một hoặc nhiều giá trị tùy chọn. Khi đã chọn, trang sẽ hiển thị N tùy chọn đã chọn. Nhấn Xóa bên cạnh để xóa hàng loạt các giá trị tùy chọn đã chọn.

Trong module 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, bạn có thể chọn hộp 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ị hiệu ứng tùy chỉnh cho họ.
• Để 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ể chọn 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 module 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ữ cho 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 uốn 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 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 Yêu cầu phần tử tùy chỉnh của sản phẩm để 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àm 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ừ. Chỉ cần di chuột qua tùy chọn, nhấp Liên kết sản phẩm > Chọn SKU, và xác nhận.
• Bạn có thể chọn các hộp kiểm bên cạnh một hoặc nhiều giá trị tùy chọn. Khi đã chọn, trang sẽ hiển thị N tùy chọn đã chọn. Nhấp Xóa bên cạnh để xóa các giá trị tùy chọn đã chọn hàng loạt.

• Bạn có thể sử dụng các nút Nhập bảng và Xuất bảng để liên kết hàng loạt các mục tùy chọn với các biến thể sản phẩm: Nhấp Xuất bảng để tải xuống tất cả các mục tùy chọn hiện tại dưới dạng bảng tính, điền cột ID Biến thể cho từng mục, sau đó nhấp Nhập bảng để tải lên tệp và áp dụng tất cả các liên kết cùng lúc. Khi khách hàng chọn tùy chọn đã liên kết và đặt hàng, tồn kho của biến thể liên kết sẽ bị trừ tương ứng.

  Lưu ý: Việc nhập sẽ ghi đè tất cả các cài đặt tùy chọn hiện có — hãy đảm bảo bảng tính của bạn đã hoàn chỉnh trước khi tải lên. Nếu trường ID Biến thể để trống cho một mục tùy chọn, mọi liên kết biến thể hiện có cho mục đó sẽ bị xóa. Các giá trị tùy chọn mới sẽ được thêm tự động. Việc nhập hỗ trợ các tệp .xlsx, .xls và .csv lên đến 1 MB.

   

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À 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 tháng

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, liệu đó là một ngày đơn hay một 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 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 phần 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 kèm

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 hiển thị ngang hoặc dọc trong phần Cài đặt hiển thị.
• Bạn có thể thiết lập Tỷ lệ khung hình hình ảnh sản phẩm cho cách hiển thị hình ảnh các sản phẩm liên kết: 1:1, 3:4 (mặc định), hoặc 4:3.
• Bạn có thể thiết lập Chế độ điền hình ảnh sản phẩm để kiểm soát cách mỗi hình ảnh vừa với khung của nó: Vừa khung (mặc định — hiển thị toàn bộ hình ảnh mà không cắt) hoặc Điền đầy (cắt hình ảnh để điền đầy khung hoàn toàn).
• Bạn có thể chọn tối đa năm mục từ danh sách các sản phẩm tương thích.
• Bạn có thể chọn các hộp kiểm bên cạnh một hoặc nhiều sản phẩm đã chọn. Khi đã chọn, trang sẽ hiển thị N sản phẩm đã chọn. Nhấn Xóa bên cạnh để xóa hàng loạt các sản phẩm bổ sung đã chọn.

Thiết lập Đ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 Thiết lập điều kiện hiển thị để kiểm soát.

Trong ứng dụng Trình Tùy chỉnh Sản phẩm & Bộ công cụ Gói, bạn có thể thiết lập đ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 Thiết lập điều kiện hiển thị.

Tính năng Thiết lập điều kiện hiển thị trong ứng dụng Trình Tùy chỉnh Sản phẩm & Bộ công cụ Gói có hai chế độ: Chế độ điều kiện và Chế độ bản đồ tư duy. Hai chế độ này không ảnh hưởng lẫn nhau, và các thiết lập 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ác tùy chọn, nhấp vào Thiết lập 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.

• Đặ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 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 dương. 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 dương 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

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

  Lưu ý: Các điều kiện hiển thị thuộc tính SKU hoạt động chính xác trên tất cả các ngôn ngữ của cửa hàng. Nếu cửa hàng của bạn hiển thị tên tùy chọn sản phẩm bằng nhiều ngôn ngữ (ví dụ, nếu bạn đã thêm bản dịch trong quản trị SHOPLINE của mình), ứng dụng sẽ khớp điều kiện chính xác bất kể khách hàng đang duyệt bằng ngôn ngữ nào — không cần thay đổi các điều kiện hiện có của bạ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, 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.