Chữ cầu vồng là một loại lớp chữ riêng (không phải hiệu ứng màu phủ lên một lớp chữ có sẵn), gán một màu khác nhau cho từng ký tự, lần lượt chạy vòng qua một bộ ô mẫu tuỳ chỉnh.
Để thêm, bấm công cụ Chữ ở thanh bên trái, rồi chọn Chữ cầu vồng trong danh sách (cùng với Chữ cong, Chữ uốn, Chữ theo hình, Chữ xoắn ốc, Ô chữ và Tìm từ).
Một lớp Chữ cầu vồng mới bắt đầu với nội dung mặc định "Your text" chạy vòng qua 4 màu, một bảng Nội dung (Nội dung, Tiền tố, Hậu tố), và một phần Cá nhân hoá với ba ô đánh dấu: Cá nhân hoá chữ, Cá nhân hoá font, Cá nhân hoá bảng màu.
Cá nhân hoá chữ: cho phép khách hàng tự nhập chữ
Cá nhân hoá chữ là công tắc chính: nếu không bật, chữ sẽ cố định theo những gì bạn nhập trong Nội dung và khách hàng không thể thay đổi. Khi chọn mục này, lớp sẽ trở thành một ô nhập thực sự trên storefront và hiện ra đầy đủ các tuỳ chọn.
- Nhãn: tên trường hiển thị cho khách hàng (mặc định là chữ hiện tại của lớp)
- Văn bản hướng dẫn: hướng dẫn tuỳ chọn hiển thị bên dưới trường
- Chữ gợi ý: chữ ví dụ màu xám nhạt hiển thị trước khi khách hàng nhập gì
- Độ dài tối đa: giới hạn số ký tự khách hàng có thể nhập
- Bắt buộc: buộc khách hàng điền trường này trước khi đặt hàng
- Di chuyển trong khung: giữ cố định khung và cho phép chữ di chuyển, đổi kích thước bên trong khung (bấm đúp để sửa chữ)
- Dạng đoạn văn: chuyển trường thành vùng nhập nhiều dòng, dùng cho đoạn chữ dài hơn
- Chỉ nhập số: giới hạn nội dung nhập chỉ là số
- Cắt khoảng trắng: xoá khoảng trắng ở đầu và cuối chữ khách hàng nhập
- Hiển thị ô mẫu theo ký tự / Hiển thị ô mẫu bố cục theo độ dài chữ: điều khiển cách bộ chọn ô mẫu màu/bố cục thay đổi theo độ dài của chữ đã nhập
- Biến đổi chữ: buộc nội dung khách hàng nhập thành Bình thường, IN HOA hoặc in thường
- Regex tuỳ chỉnh: kiểm tra nội dung nhập theo một mẫu tuỳ chỉnh (ví dụ:
^[a-zA-Z0-9]+$)
Font, cỡ chữ và khoảng cách
Bấm biểu tượng Font trên thanh công cụ của canvas để mở bộ chọn font (font tự tải lên hoặc thư viện font miễn phí) và chọn một kiểu chữ.
- Cỡ chữ: nút hiển thị số bên cạnh Font
- Giãn cách ký tự: mở một cửa sổ nhỏ có thanh trượt/giá trị điều khiển khoảng cách giữa các chữ cái
- Chiều cao dòng: biểu tượng dấu ngoặc mở thanh trượt điều chỉnh khoảng cách giữa các dòng (có tác dụng khi Tự xuống dòng ngắt chữ thành nhiều hơn một dòng)
- Căn chữ: điều khiển cả căn ngang (trái/giữa/phải) lẫn căn dọc (trên/giữa/dưới) của chữ bên trong khung
- Tự xuống dòng: bật hoặc tắt việc chữ tự động ngắt dòng trong khung
- IN HOA: buộc chữ hiển thị thành chữ in hoa bất kể đã nhập thế nào
Bóng
Bấm biểu tượng bóng (hình tròn) để thêm bóng đổ: Màu bóng, Độ nhoè và bảng Độ lệch có thể kéo (kèm Đặt lại vị trí).
Bảng màu: chính hiệu ứng cầu vồng
Bấm biểu tượng Bảng màu để mở thiết lập chạy vòng màu:
- Mỗi ô mẫu hiển thị màu hex của nó, bấm vào để đổi màu, hoặc bấm biểu tượng thùng rác để xoá
- Màu của các ký tự chạy vòng qua các ô mẫu theo thứ tự và dấu cách được bỏ qua, nên chữ nhiều từ vẫn giữ được nhịp màu xuyên suốt các từ
- Thêm màu: thêm một ô mẫu nữa vào vòng màu, tối đa 12
Viền
Bấm biểu tượng Viền ("−") để thêm đường viền quanh từng ký tự: Độ dày viền và Màu viền.
Số ký tự tối đa
Biểu tượng ∞ đặt giới hạn cứng cho số ký tự mà lớp có thể chứa (mặc định là Không giới hạn), độc lập với trường Độ dài tối đa trong phần Cá nhân hoá chữ.
Biến đổi
Bảng Biến đổi tiêu chuẩn (Chiều rộng, Chiều cao, X, Y, Độ nghiêng, lật, Độ mờ, Góc xoay và các biểu tượng căn chỉnh trên canvas) dùng chung cho mọi loại lớp, không riêng gì Chữ cầu vồng.
Cá nhân hoá font
Thay vì bị cố định theo một font duy nhất bạn chọn trong bảng Font trên thanh công cụ canvas, Cá nhân hoá font cung cấp cho khách hàng một bộ chọn font trên storefront.
Chọn ô đánh dấu để bật:
Thao tác này mở thư viện tài nguyên Font chữ của tài khoản, cùng bộ chọn được dùng ở mọi nơi khác trong Customix khi chọn font: một danh sách có thể tìm kiếm gồm các Thư mục (bộ font được tuyển chọn) cùng các File riêng lẻ, có thể sắp xếp theo ngày tải lên, với nút Thêm riêng để tải lên font mới ngay tại chỗ. Chọn (các) thư mục bạn muốn cung cấp:
Bấm Xong, và bảng Cá nhân hoá sẽ tự điền các phần còn lại:
- Nhãn: tên trường hiển thị cho khách hàng (mặc định là tên thư mục)
- Bắt buộc: buộc khách hàng chọn font trước khi đặt hàng
- Giá trị: bản xem trước dạng ảnh thu nhỏ ("Aa") cho từng font trong (các) thư mục đã chọn, một nhãn Thư mục: [tên] cho biết thư mục nào đang cung cấp danh sách này, một liên kết Loại hiển thị và một nút Thêm giá trị để thêm các thư mục khác
Cá nhân hoá bảng màu
Cá nhân hoá bảng màu hoạt động tương tự, nhưng áp dụng cho vòng màu của ký tự thay vì font: thay vì luôn hiển thị với các ô mẫu bạn đặt trong bảng Bảng màu ở trên, khách hàng tự chọn bảng màu áp dụng cho chữ của họ.
Chọn ô đánh dấu để bật:
Thao tác này hiện ra:
- Nhãn: tên trường hiển thị cho khách hàng (mặc định là chữ hiện tại của lớp)
- Bắt buộc: buộc khách hàng chọn bảng màu trước khi đặt hàng
- Bảng màu: danh sách các bộ vòng màu có tên (mỗi bộ có bản xem trước dạng thanh màu, biểu tượng bút chì Sửa và Thao tác khác), lối tắt Bỏ giá trị mặc định / Sửa cho mục đầu tiên, và nút Thêm bảng màu mở hộp thoại Tạo bảng màu (tên bảng màu, các ô mẫu, tối đa 12 màu) để bạn thêm bao nhiêu bộ cho khách hàng chọn tuỳ ý
- Kiểu hiển thị: cách bộ chọn bảng màu hiển thị trên storefront: Thanh màu, Ảnh thu nhỏ, Nút nội tuyến hoặc Danh sách thả xuống
Cập nhật ngày: 23/09/2026