Teeinblue vừa ra mắt tính năng biến đoạn văn bản thành một vòng tròn xoắn ốc.



Hãy đọc tiếp hướng dẫn để hiểu về cách sử dụng tính năng này

Tạo layer Spiral Text

Trong Artwork, bạn chọn nút +, sau đó chọn Spiral Text



Tiếp theo, bạn sẽ thấy phần chỉnh sửa hiện ra như sau:

GENERAL SETTINGS

Default spiral text (only for preview):

Chú ý rằng các từ mặc định chỉ hiển thị với mục đích preview, và nó sẽ không được render trong file production. Bạn có thể thử điền 1 đoạn văn, hoặc lời bài hát mà bạn muốn xuất hiện ở đây.



Bạn có thể thay đổi các từ mặc định theo ý bạn, preview sẽ hiện thị tương ứng.

Inner radius

Inner radius là kích thước bán kính bên trong của hình xoắn ốc. Bạn có thể nhập bất kỳ giá trị nào cao hơn 20 vào đây.

Text direction:

Bạn có thể dùng chức năng này để xác định điểm bắt đầu của đoạn văn là từ bên trong hay bên ngoài của xoắn ốc. Ví dụ dưới đây sẽ giúp bạn so sánh dễ hơn:

PERSONALIZATION SETTINGS

Bạn có thể thấy các setting tương tự với các personalize khác. Hướng dẫn chi tiết tại đây.

Add toggle to show/hide

Cho phép khách hàng chọn bật/tắt Spiral Text

Personalization Options:

Nếu bạn muốn khách hàng có thể điền text, hãy chọn nút Enable personalization.

Option Title

Hiển thị tiêu đề cho layer trên Store

Placeholder spiral text:

Một đoạn text sẽ xuất hiện tạm thời trong form

Input text case

Chọn cách hiển thị chữ cho phần văn bản xoắn ốc:
Normal: Tùy chỉnh
lowercase: Chữ thường
UPPERCASE: Chữ in hoa
Capitalize Each Word: In hoa đầu mỗi chữ

Text character limit

Đặt giới hạn kí tự cho đoạn văn bản mà khách điền. Việc này sẽ tránh được lỗi các chữ chồng chéo lên nhau.

Enable prefix/suffix

Đặt một từ/ kí tự cố định trước hoặc sau đoạn văn bản. Vị trí của từ này khách hàng không thể thay đổi.

Allow customers to change Text Color

Cho phép khách hàng đổi màu chữ. Mọi người có thể chọn hiển thị dưới dạng
Color Picker
chỉ giới hạn một số màu cố định với Color Category (trong trang Assets). Đọc thêm về Color Category tại đây

Cho phép khách hàng đổi font chữ - Allow customers to change Font

Khách hàng sẽ có thể đổi font chữ dựa trên những lựa chọn bạn đã cài đặt. Tính năng này sẽ chỉ hoạt động nếu layer text gốc sử dụng Custom Font
Bước 1: Cài đặt Font Category trong trang Assets > Font Categories. Đọc thêm về cách cài đặt Font Categories tại đây
Step 2: Quay trở lại chỉnh sửa Artwork > chọn Font Category mà bạn vừa mới tạo



Và đây là kết quả trên storefront

Mark as required

Sử dụng tính năng này sẽ khiến khách hàng buộc phải điền vào trường text trống trước khi tạo order.

Show customization data on cart/checkout

Bật tính năng này nếu bạn muốn hiển thị chi tiết văn bản trong trang giỏ hàng, và checkout

Tạo Campaign

Khi bạn đã tạo xong Artwork, bạn có thể thêm nó vào Campaign như bình thường:



Hãy chắc chắn rằng bạn kiểm tra lại campaign sau khi chạy campaign trên store:

Cập nhật vào: 01/11/2024