Lớp (Layer) là các thành phần bạn thêm vào ảnh nền để tạo ra những bức ảnh cá nhân hóa độc nhất cho từng khách hàng. Bạn có thể tùy chỉnh văn bản, hình ảnh, mã QR hoặc mã vạch để biến một mẫu ảnh chung thành một thông điệp riêng biệt.
Ứng dụng thực tế: Sử dụng để tự động điền tên khách hàng lên thiệp chúc mừng, ghi số điện thoại lên voucher hoặc hiển thị mã đơn hàng trên ảnh xác nhận.
Lớp văn bản cho phép hiển thị một đoạn nội dung cố định hoặc một thuộc tính động của khách hàng (như họ tên, ngày sinh, địa chỉ...) được lưu trữ trên chatbot.
Mẹo căn giữa: Để văn bản nằm chính giữa ảnh, bạn hãy đặt Lề trái = 0px và Chiều rộng lớp văn bản = Chiều rộng của ảnh nền.
Bạn có thể kết hợp cả hai chiều để căn góc nhanh. Ví dụ: Trên cùng + Bên trái = Góc trên bên trái ảnh.
{{facebook.name}} (Tên Facebook), {{phone}} (Số điện thoại), {{email}}... để mỗi khách hàng nhận được một nội dung khác nhau.Sử dụng nội dung cụ thể
Sử dụng nội dung là thuộc tính
Phân biệt hai loại căn lề để tránh nhầm lẫn:
Ứng dụng thực tế: Tự động chèn ảnh đại diện (Avatar) của khách hàng lên thẻ thành viên VIP hoặc chèn logo đối tác vào ảnh chứng nhận.
Bạn có thể tải lên một hình ảnh cố định hoặc sử dụng thuộc tính {{facebook.picture}} để hiển thị ảnh đại diện của khách hàng.
Sử dụng hình ảnh tải lên từ máy tính
Sử dụng thuộc tính
Ứng dụng thực tế: Tạo mã QR dẫn đến trang sản phẩm, link đánh giá dịch vụ hoặc mã định danh khách hàng để quét tại cửa hàng.
Lớp này chuyển đổi một đoạn văn bản hoặc đường link (URL) thành mã QR. Khi khách hàng quét mã, trình duyệt sẽ tự động mở nội dung đó.
Ứng dụng thực tế: Tạo mã vạch cho phiếu thu, vé xem phim hoặc mã vận đơn.
Lớp Bar Code có cách cấu hình và sử dụng tương tự như Lớp QR Code.
Khi tạo nhiều lớp trên một ảnh, bạn cần lưu ý đến thứ tự hiển thị. Hãy tưởng tượng các lớp như những tờ giấy chồng lên nhau: Lớp nằm trên cùng trong danh sách sẽ đè lên các lớp nằm dưới.
Ví dụ minh họa: