Bài viết này cũng có sẵn trong:
Về Upload photo

Chức năng Upload photo sẽ cho phép khách hàng của bạn tự up ảnh của riêng họ đè lên một layer bất kì trong file design.

Hướng dẫn sử dụng tính năng tự upload ảnh

Để sử dụng tính năng này, hãy vào Artwork Editor → chọn một layer bất kì mà bạn muốn → chọn "Upload photo" trong bảng bên phải



Sau đó, trên storefront của bạn, tính năng đó sẽ xuất hiện như sau:



Kích thước và vị trí của photo mà khách hàng upload sẽ phụ thuộc vào setting của bạn cho layer gốc đó.

File design trong order sẽ là ảnh mà khách của bạn upload như dưới đây:



Tính năng cắt ảnh (Cropping)

Thường thì ảnh mà khách của bạn dùng để upload sẽ được phóng to hoặc thu nhỏ để vừa với layer mà bạn đã setting trong Artwork Editor. Bạn có thể sử dụng tính năng cắt ảnh (photo cropper) để cho khách hàng có thể thoải mái điều chỉnh kích cỡ ảnh theo ý họ.

Enable photo cropper

Một khung popup sẽ xuất hiện sau khi khách hàng upload ảnh. Khung popup này sẽ cho phép họ resize, cắt, hoặc zoom vào hình ảnh trước khi xác nhận upload.

Tỉ lệ crop sẽ phụ thuộc vào tỉ lệ của layer mà bạn tải lên trong Artwork Editor.



Enable circled image

Ảnh preview của khách upload sẽ được đặt trong dạng hình tròn thay vì là hình vuông. Nhưng trên thực tế hình ảnh được upload lên vẫn có dạng hình vuông.

Tính năng này được sử dụng khi bạn bạn một đồ vật gì đó có dạng hình tròn, ví dụ như dây chuyền. Trong trường hợp đó, khách hàng sẽ dễ hình dung và chỉnh sửa vị trí ảnh họ upload để phù hợp với mockup.





Crop into a custom shape: Ảnh mà khách hàng upload sẽ được cắt theo hình dạng custom đặc biệt. Bạn cần chuẩn bị một ảnh PNG, ảnh này sẽ giúp phần hình ảnh được hiển thị theo đúng hình dạng mà bạn muốn.





Trong phần cắt hình ảnh, một lớp phủ sẽ hiển thị trên phần trong suốt hoặc phần sáng hơn của hình ảnh. Lớp phủ không che phần ảnh tối, vì vậy nó sẽ để lại hình dạng ảnh trong màu đen được nổi bật.
Vùng ảnh bên ngoài càng sáng thì lớp phủ càng tối. Lớp phủ sẽ tối nhất trên phần trong suốt và sẽ bị ẩn hoàn toàn trên màu tối nhất (#000000).



Do đó, chúng tôi khuyến khích bạn sử dụng ảnh có màu đen đặc (#000000) cho ảnh custom shape này.

Phần lớp phủ này sẽ chỉ hiển thị với mục đích preview. Nó không thực sự ảnh hưởng đến việc ảnh bị cắt như thế nào, mà thay vào đó ảnh sẽ bị cắt dựa trên hình dạng của custom image mà bạn sử dụng.

Tính năng Live Preview

Bạn có thể bật tính năng "Live Preview" để cho khách hàng nhìn thấy ngay hình ảnh mà họ upload:



Ngoài storefront:



Remove background of uploaded photo
Đọc thêm hướng dẫn tại: Chức năng xóa phông - Remove background - cho ảnh của khách hàng


Các tùy chỉnh lựa chọn khác
Title

Title là tên của đề mục sẽ được xuất hiện trên storefront của bạn.

Nếu bạn để field này trống, thì title sẽ được lấy theo tên của layer khi bạn upload lên.

Add instruction for customer

Có lúc bạn sẽ cần phải có hướng dẫn cho khách hàng về kích cỡ, tỉ lệ của ảnh mà họ dùng để upload.

Bạn có thể thêm một đoạn text vào field này để hướng dẫn khách hàng của mình.



Field này cho phép bạn dùng định dạng HTML. Bạn có thể dùng công cụ Word to HTML tool để chuyển đổi đoạn text của bạn thành dạng HTML và paste chúng vào đây.
Bài viết có hữu ích không?
Hủy bỏ
Cảm ơn!