Bài viết này cũng có sẵn trong:
Việc có hình ảnh xem trước của sản phẩm sẽ giúp khách hàng hình dung sản phẩm cá nhân hóa một cách dễ dàng hơn trước khi quyết định mua hàng. Điều này sẽ khuyến khích khách hàng mua nhiều sản phẩm hơn, tăng tỉ lệ chuyển đổi của cửa hàng. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách thiết lập hình ảnh xem trước cho các sản phẩm cá nhân hóa trên ShopBase.




Mọi thao tác như cập nhật/xóa tệp in và cập nhật tệp in đã tạo thành công sẽ đều được ghi lại trong trang Activity log.

Nội dung bài viết

A. Thiết lập hình ảnh xem trước cho các sản phẩm ShopBase
B. Thiết lập chế độ xem trước cho tính năng cá nhân hóa

A. Thiết lập hình ảnh xem trước cho các sản phẩm ShopBase

Để tạo hình ảnh xem trước cho các sản phẩm cá nhân hóa, bạn cần tải hình ảnh xem trước, tạo các layers cá nhân hóa và thiết lập các lựa chọn cá nhân hóa như trong hướng dẫn dưới đây:

Tại trang quản trị ShopBase, đi tới Products > All products và chọn sản phẩm bạn muốn tạo hình ảnh xem trước.

Tại mục Personalization, nhấp vào Create preview image.


Trong trang Create preview, nhấp vào Upload your preview image để tải hình ảnh xem trước cho sản phẩm. Hình ảnh tải lên không cần có tính năng cá nhân hóa nào vì tính năng này sẽ được thiết lập trong các bước tiếp theo.




Thêm các layers để thiết lập tính năng cá nhân hóa cho sản phẩm trong mục Layers.

Nhấp Add image để thêm layer hình ảnh. Tính năng Image và/hoặc Picture choice cho phép khách hàng tải hình ảnh hoặc chọn hình ảnh từ danh sách hình ảnh có sẵn.



Bạn có thể nhấp vào từng layer hình ảnh để chỉnh sửa Location (vị trí), Layer size (kích thước layer), Rotation (xoay), và Opacity (độ mờ).


Nhấp Add text để thêm layer văn bản. Tính năng Text field, Text area, Radio, và/hoặc Droplist cho phép khách hàng thêm hoặc chọn văn bản có sẵn cho sản phẩm.



Bạn có thể nhấp vào từng layer văn bản để chỉnh sửa Text (văn bản), Size (kích thước font), Color (màu sắc), Location (vị trí), Layer size (kích thước layer), Rotation (xoay), và Opacity (độ mờ). Bạn có thể chọn font có sẵn hoặc nhấp Add new fonts để thêm font mới.


Tại sản phẩm mẫu trong bài viết này, khách hàng có thể tải hình ảnh và viết tên của chính họ lên sản phẩm. Do đó, một layer hình ảnh và một layer văn bản sẽ được tạo trong bước này.



Các layers được tạo trong trang Create preview sẽ được đồng bộ với Print file (tệp in).
Khi các layers mới được cập nhật trong tệp in, bạn có thể đồng bộ các cập nhật này với hình ảnh xem trước bằng cách nhấp vào Update Preview. Sau đó, các layers mới sẽ được căn chỉnh sao cho khớp với hình ảnh mà vẫn giữ nguyên vị trí layer, tránh việc chỉnh sửa nhiều trong hình ảnh xem trước.


Đối với lựa chọn cá nhân hóa khó có thể nhìn thấy trong hình ảnh xem trước (ví dụ: tính năng chỉnh sửa văn bản trên tay áo - phần này bị ẩn trong hình ảnh xem trước), bạn có thể ẩn layer của tính năng đó bằng cách nhấp vào biểu tượng "con mắt". Khách hàng vẫn có thể tùy chỉnh các layers này như bình thường, nhưng họ sẽ không thể xem trước chúng. Ngoài ra, layer này vẫn có thể nhìn thấy trong tệp in của sản phẩm.
Thêm các lựa chọn cá nhân hóa cho sản phẩm bằng cách nhấp vào nút + trong mục Custom options và điền các điều kiện cần thiết. Vui lòng tham khảo bài viết này về cách tạo tính năng cá nhân hóa cho sản phẩm.


Tại sản phẩm mẫu trong bài viết này, tính năng Text fieldImage cần được tạo ở bước này.


Nhấp Save khi hoàn thành. Nếu bạn muốn tạo Print file (tệp in) cho sản phẩm, nhấp vào Next, create Print file. Vui lòng tham khảo bài viết này về cách tạo tệp in cho sản phẩm ShopBase.


Khi nhân bản một sản phẩm hoặc sao chép một sản phẩm sang một cửa hàng khác, mọi hình ảnh xem trước có liên quan cũng sẽ được sao chép sang sản phẩm mới.

B. Thiết lập chế độ xem trước cho tính năng cá nhân hóa

Có hai chế độ xem trước cho các sản phẩm có tính năng cá nhân hóa:

Instant live preview: hình ảnh sẽ được hiển thị ngay lập tức trên mockup sản phẩm.
Live preview button: hình ảnh sẽ được hiển thị khi nhấp vào nút Preview your design.

Vui lòng tham khảo bài viết này về cách thiết lập chế độ xem trước cho tính năng cá nhân hóa

Bài viết liên quan

Tổng quan về các tính năng cá nhân hóa của ShopBase
Thêm tính năng cá nhân hóa cho sản phẩm
Tạo tệp in cho các sản phẩm ShopBase
Thiết lập chế độ xem trước cho tính năng cá nhân hóa
Bài viết có hữu ích không?
Hủy bỏ
Cảm ơn!