Hướng dẫn này giúp bạn thiết lập cá nhân hoá chữ trong mẫu Customix của bạn. Hãy dùng tính năng này để cho phép khách hàng cá nhân hoá một trường chữ, chẳng hạn thêm tên, lời nhắn hoặc câu trích dẫn.

1. Thêm lớp chữ

Trong trình chỉnh sửa Mẫu, bấm tab Chữ ở thanh bên trái. Tại đây bạn sẽ thấy năm loại thành phần chữ có thể thêm vào thiết kế:

  • Chữ chuẩn — được thêm bằng nút Thêm chữ; một lớp chữ thông thường, có thể chỉnh sửa
  • Chữ cong — uốn chữ quanh một đường tròn
  • Chữ uốn (Bản thử) — làm biến dạng chữ bằng hình uốn Bezier
  • Ô chữ — tạo một trò chơi ô chữ tương tác
  • Tìm từ — tạo một trò chơi tìm từ tương tác

Hướng dẫn này tập trung vào lớp chữ chuẩn. Các loại chữ đặc biệt khác được trình bày trong các tài liệu riêng.
Để thêm một lớp chữ chuẩn:

  • Nhập chữ mặc định của bạn vào trường Nội dung (ví dụ: "Your text").
  • Bấm Thêm chữ để đặt chữ lên canvas.

Sau khi thêm một lớp chữ, bạn có hai nhóm điều khiển:

  • Thanh công cụ phía trên cho phép bạn tạo kiểu cho chữ, điều chỉnh font, cỡ chữ, màu chữ, màu nền, viền, giãn cách chữ, căn lề, bóng và các thuộc tính hình ảnh khác. Hãy dùng chúng để xác định giao diện của chữ trong thiết kế.
  • Bảng bên phải chứa các cài đặt Cá nhân hoá. Nếu đây chỉ là một lớp chữ mặc định mà khách hàng không cần chỉnh sửa, bạn có thể giữ nguyên các cài đặt này. Nếu bạn muốn khách hàng có thể nhập chữ của riêng họ hoặc chỉnh sửa lớp này, hãy xem các phần bên dưới để biết cách bật cá nhân hoá.

Bảng Cá nhân hoá cung cấp nhiều cách để khách hàng tuỳ chỉnh một lớp chữ. Mỗi tuỳ chọn bên dưới có thể được bật độc lập và được giải thích chi tiết trong phần riêng của nó.

2. Bật Cá nhân hoá chữ

Khi bạn bật Cá nhân hoá chữ, app sẽ thêm một trường nhập chữ trên trang sản phẩm để khách hàng nhập nội dung của riêng họ. Các cài đặt dưới đây cho phép bạn điều khiển cách trường nhập này hoạt động:

  • Nhãn — tên trường hiển thị cho khách hàng (ví dụ: "Your text")
  • Văn bản hướng dẫn — gợi ý tuỳ chọn hiển thị bên dưới trường để hướng dẫn khách hàng
  • Chữ gợi ý — chữ ví dụ hiển thị bên trong trường trước khi khách hàng nhập gì
  • Độ dài tối đa — số ký tự tối đa khách hàng có thể nhập
  • Bắt buộc — biến trường thành bắt buộc; khách hàng phải điền trước khi thêm sản phẩm vào giỏ
  • Dạng đoạn văn — chuyển trường thành vùng nhập chữ lớn hơn, phù hợp với nội dung nhập 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 — tự động xoá khoảng trắng thừa ở đầu và cuối nội dung khách hàng nhập
  • Biến đổi chữ — áp dụng một kiểu chữ cố định cho nội dung nhập, như IN HOA hoặc in thường

Hiển thị ô mẫu theo ký tự và Hiển thị ô mẫu bố cục theo độ dài chữ là các cài đặt nâng cao dùng riêng cho chế độ hiển thị ô mẫu theo ký tự. Để biết chúng hoạt động thế nào và khi nào nên dùng, xem hướng dẫn riêng: Hiển thị nhiều ô mẫu dựa trên số ký tự

3. Cá nhân hoá font

Khi bạn bật Cá nhân hoá font, khách hàng có thể chọn từ một bộ font bạn đã chuẩn bị, thay vì bị giới hạn ở một font cố định. Để thiết lập:

  • Đánh dấu ô Cá nhân hoá font.
  • Trong hộp thoại Font xuất hiện, chọn một thư mục font bạn đã tạo trước đó trong mục Tài nguyên, rồi bấm Xong.

Sau khi chọn thư mục, bảng sẽ cập nhật như trong Hình 2, nơi bạn có thể cấu hình các mục sau:

  • Nhãn — tên trường hiển thị cho khách hàng (mặc định là tên thư mục, ví dụ: "Custom font")
  • Bắt buộc — bắt buộc phải chọn font trước khi thêm sản phẩm vào giỏ
  • Giá trị — hiển thị các font được lấy từ thư mục đã chọn; mỗi font xuất hiện như một ô mẫu để khách hàng chọn
  • Thư mục — cho biết thư mục font nào đang được liên kết; bấm để đổi
  • Sửa kiểu hiển thị — điều chỉnh cách các tuỳ chọn font hiển thị với khách hàng
  • Thêm giá trị — cho phép bạn thêm từng font riêng lẻ vào lựa chọn

4. Cá nhân hoá màu

Customix có hai cách để khách hàng đổi màu chữ. Bạn có thể bật một trong hai, tuỳ vào mức tự do bạn muốn trao cho khách hàng.

Cách A: Cá nhân hoá bằng bảng màu

Tuỳ chọn này cho phép khách hàng chọn từ một bộ màu định sẵn. Để thiết lập:

  • Đánh dấu ô Cá nhân hoá bằng bảng màu.
  • Trong hộp thoại Màu sắc xuất hiện, chọn một thư mục màu bạn đã tạo trước đó trong mục Tài nguyên, rồi bấm Xong.

Sau khi thư mục được liên kết, bảng sẽ hiển thị các màu khả dụng, và bạn có thể cấu hình Nhãn, đánh dấu Bắt buộc, đổi Thư mục được liên kết, hoặc điều chỉnh cách hiển thị màu bằng Sửa kiểu hiển thị.
Hãy dùng tuỳ chọn này khi bạn muốn giới hạn khách hàng trong một bộ màu được tuyển chọn phù hợp với thương hiệu.

Cách B: Cá nhân hoá bằng bộ chọn màu

Tuỳ chọn này cho khách hàng toàn quyền chọn bất kỳ màu nào trong dải màu (như trong Hình 3). Để thiết lập:

  • Đánh dấu ô Cá nhân hoá bằng bộ chọn màu.
  • Cấu hình Nhãn, thêm Văn bản hướng dẫn (không bắt buộc), và đặt Màu mặc định mà chữ sẽ dùng trước khi khách hàng thay đổi.
  • Bạn cũng có thể đánh dấu trường này là Bắt buộc.

Hãy dùng tuỳ chọn này khi bạn muốn cho khách hàng chọn màu không hạn chế thay vì một bảng màu cố định.

5. Cá nhân hoá bằng bảng màu viền

Bảng màu viền hoạt động giống bảng màu, nhưng thay vì đổi màu chữ, nó cho phép khách hàng đổi màu viền (đường bao) của chữ.
Để thiết lập:

  • Đánh dấu ô Cá nhân hoá bằng bảng màu viền.
  • Trong hộp thoại Màu sắc xuất hiện, chọn một thư mục màu bạn đã tạo trước đó trong mục Tài nguyên, rồi bấm Xong.

Sau khi thư mục được liên kết, bạn có thể cấu hình Nhãn, đánh dấu Bắt buộc, đổi Thư mục được liên kết, hoặc điều chỉnh cách hiển thị màu bằng Sửa kiểu hiển thị — giống như với bảng màu.
Hãy dùng tuỳ chọn này khi bạn muốn khách hàng tuỳ chỉnh đường viền chữ thay vì (hoặc bên cạnh) màu nền.

6. Cá nhân hoá ô mẫu nền của chữ

Tuỳ chọn này cho phép khách hàng áp dụng một nền màu (ô mẫu) phía sau chữ, chọn từ một bộ màu định sẵn. Để thiết lập:

  • Đánh dấu ô Cá nhân hoá ô mẫu nền của chữ.
  • Trong hộp thoại Màu sắc xuất hiện, chọn một thư mục màu bạn đã tạo trước đó trong mục Tài nguyên, rồi bấm Xong.

Sau khi thư mục được liên kết, bạn có thể cấu hình các mục sau:

  • Nhãn — tên trường hiển thị cho khách hàng (ví dụ: "Change Text Pattern")
  • Bắt buộc — bắt buộc phải chọn trước khi thêm sản phẩm vào giỏ
  • Giá trị — hiển thị các màu nền được lấy từ thư mục đã liên kết; mỗi màu xuất hiện như một ô mẫu để chọn
  • Thư mục — cho biết thư mục màu nào đang được liên kết; bấm để đổi
  • Sửa kiểu hiển thị — điều chỉnh cách các tuỳ chọn ô mẫu hiển thị với khách hàng

Hãy dùng tuỳ chọn này khi bạn muốn khách hàng có thể đổi nền hoặc màu nền phía sau chữ, chứ không chỉ riêng màu chữ.

Cập nhật ngày: 23/09/2026