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

Về tính năng Dynamic Image By Text

Khi khách hàng nhập vào một trường văn bản (text field), ứng dụng sẽ tự động hiển thị các Clipart dựa trên từng ký tự họ nhập.

Mỗi ký tự sẽ được ghép với một hình ảnh tương ứng từ danh mục Clipart đã chọn.

Hãy đọc tiếp bài viết này để tìm hiểu cách thiết lập tính năng này trong Store của bạn.

Thiết lập Clipart Assets

Trước khi thiết lập tùy chọn Dynamic Image by Text, hãy đảm bảo rằng bạn đã chuẩn bị và tải lên đầy đủ các hình ảnh Clipart cho từng chữ cái và con số mà bạn dự định sử dụng.

Mỗi ký tự khách hàng nhập vào cần có một Clipart tương ứng trong danh mục mà bạn đã chọn.

Bước này là bắt buộc để tính năng hoạt động chính xác.

Vào Assets > Clipart Categories > và tạo một thư mục mới tại đây

Sau khi tải Clipart lên, điều quan trọng là bạn phải đặt tên từng hình ảnh theo đúng chữ cái hoặc số mà nó đại diện.

Tính năng này ghép Clipart dựa trên tên file, vì vậy tên hình ảnh phải trùng khớp hoàn toàn với ký tự mà khách hàng nhập vào.

Tên sai hoặc thiếu sẽ khiến hình ảnh không hiển thị đúng cách.

Lưu ý rằng tên của các Clipart phân biệt chữ hoa và chữ thường.

Hãy đảm bảo rằng bạn đặt đúng định dạng chữ (viết hoa, viết thường, v.v.) cho từng hình ảnh được tải lên để hệ thống hiển thị chính xác.

Tạo Artwork sử dụng Dynamic Image by Text

Trong ví dụ này, chúng ta sẽ minh họa sản phẩm ornament cho phép khách hàng nhập tên của họ.

Mỗi chữ cái trong tên sẽ được thể hiện bằng một Clipart ornament tương ứng.

Đầu tiên, tạo một Custom Text layer để khách hàng nhập tên.

Tính năng Dynamic Image by Text dựa trên chức năng Auto-populate values from other options.

Điều này có nghĩa là Custom Text layer là layer nguồn (source layer) bắt buộc.

Các hình ảnh clipart khác sẽ lấy dữ liệu từ layer văn bản này để hiển thị đúng hình ảnh cho từng ký tự mà khách hàng nhập.

Vì Custom Text layer này chỉ được dùng để thu thập dữ liệu đầu vào, nên bạn có thể chọn không hiển thị layer này trong Preview, nhưng vẫn hiển thị trong Customization Form để khách hàng nhập tên.

Cách này giúp ẩn layer chữ khỏi phần xem trước sản phẩm nhưng vẫn sử dụng được cho tính năng Dynamic Image by Text.

Tiếp tục tải hình ảnh cho chữ cái đầu tiên.

Hãy chọn Dynamic image by text trong phần Personalization Options.

Vì bạn muốn hình ảnh này tự động lấy dữ liệu từ Custom Text layer, hãy chọn layer này làm source data.

Trong trường Populate Values, nhập {{char1}} cho chữ cái thứ nhất, {{char2}} cho chữ cái thứ hai, và tiếp tục tương tự cho các ký tự tiếp theo.

Điều này đảm bảo mỗi ký tự khách hàng nhập vào sẽ được hiển thị đúng với Clipart tương ứng.

Đừng quên chọn thư mục Clipart mà bạn đã tải lên.

Điều này đảm bảo hình ảnh đúng được hiển thị cho từng ký tự khách hàng nhập.

Tiếp tục thực hiện tương tự cho các chữ cái khác:

Hãy đảm bảo nhập đúng giá trị trong phần Populate values!

Ghi chú:

Vì tính năng này dựa trên hình ảnh, bạn sẽ không thể thay đổi font chữ, kích thước hoặc khoảng cách giữa các chữ cái.

Bạn cần chỉnh trực tiếp các hình ảnh trong Artwork Editor để đảm bảo hiển thị cân đối và đúng vị trí.

Khách hàng có thể nhập tên với số lượng ký tự khác nhau.

Chúng tôi khuyến nghị tạo các template riêng cho từng độ dài tên khác nhau để dễ dàng căn chỉnh hiển thị cho từng trường hợp.

Tạo Campaign

Khi đã hoàn tất thiết lập, hãy Launch campaign lên Storefront của bạn!

Cập nhật vào: 31/10/2025

Bài viết có hữu ích không?

Cảm ơn!