Hướng dẫn Tạo Hình Ảnh Cá Nhân Hóa (Personalized Image)

Bạn muốn khách hàng cảm thấy mình được quan tâm đặc biệt thay vì nhận những tin nhắn quảng cáo đại trà? Tính năng Hình ảnh cá nhân hóa cho phép bạn tự động chèn tên và ảnh đại diện của khách hàng lên một mẫu ảnh thiết kế sẵn, tạo ra trải nghiệm "đo ni đóng giày" cho từng người dùng.

💡 Ứng dụng thực tế

Bạn có thể áp dụng tính năng này vào các kịch bản sau để tăng tỷ lệ chuyển đổi:

• Chiến dịch Voucher: Gửi mã giảm giá có tên khách hàng → Tăng tỷ lệ sử dụng voucher.
• Chúc mừng sinh nhật: Gửi thiệp chúc mừng kèm ảnh đại diện của khách → Tăng sự gắn kết và thiện cảm.
• Chứng nhận/Khen thưởng: Tự động tạo chứng nhận hoàn thành khóa học hoặc thẻ thành viên VIP → Tạo sự chuyên nghiệp và uy tín.

---

🛠 Bước 1: Chuẩn bị hình ảnh nền

Để hình ảnh hiển thị sắc nét và không bị lỗi, bạn cần chuẩn bị ảnh nền theo tiêu chuẩn sau:

• Kích thước: Dưới $1000 imes 1000 ext{px}$.
• Dung lượng: Dưới $2.5 ext{MB}$.
• Thiết kế: Bạn nên thiết kế sẵn khung ảnh và khoảng trống để hiển thị tên/avatar của khách hàng.

👉 Tải ảnh mẫu tại đây: VOUCHER.png

Nếu ảnh vượt quá tiêu chuẩn, bạn vui lòng resize hoặc nén ảnh trước khi thực hiện.

---

🎨 Giai đoạn 2: Thiết kế mẫu ảnh cá nhân hóa

Bước 2: Thiết lập khung hình Truy cập module Customize Image → Chọn Thêm mới → Mở phần Cài đặt. Điều chỉnh Chiều rộng và Chiều cao khung khớp chính xác với kích thước ảnh nền bạn đã chuẩn bị. Ví dụ: Ảnh nền $1000 imes 500 ext{px}$ → Chỉnh chiều rộng $1000 ext{px}$, chiều cao $500 ext{px}$.

Bước 3: Thêm lớp ảnh nền Thêm một lớp hình ảnh mới với các thông số:

• Lề trên & Lề trái: $0 ext{px}$.
• Chiều rộng & Chiều cao: Bằng với kích thước khung hình.
• Upload: Tải ảnh nền đã chuẩn bị ở Bước 1 lên.

Bước 4: Thêm lớp ảnh đại diện khách hàng Thêm một lớp hình ảnh nữa để hiển thị avatar của khách:

• Vị trí & Kích thước: Tùy chỉnh sao cho khớp với khung avatar trên ảnh nền.
• Giá trị: Chọn Attribute và nhập {{facebook.picture}}.
• Hình dáng: Chọn Circle (Hình tròn).

Bước 5: Thêm lớp văn bản (Tên khách hàng) Thêm một lớp văn bản để hiển thị tên khách hàng:

• Giá trị: Nhập {{facebook.name}}.
• Tùy chỉnh: Điều chỉnh phông chữ, cỡ chữ, màu sắc và căn lề cho phù hợp với ô nhập tên trên ảnh nền.

Cuối cùng, nhấn Xuất bản để lưu lại mẫu thiết kế.

---

🤖 Giai đoạn 3: Triển khai gửi ảnh tự động qua Bot

Vì hình ảnh cá nhân hóa được tạo ra theo thời gian thực cho mỗi khách hàng, quy trình gửi ảnh trong module Bot-Auto sẽ gồm 2 bước: Khởi tạo → Gửi.

Bước 6: Cấu hình trong Bot-Auto Tạo một block mới trong module Bot-Auto và thực hiện:

1. Khởi tạo và lưu URL ảnh: Sử dụng thẻ Custom Image, chọn mẫu ảnh cá nhân hóa vừa tạo. Tại mục lưu trữ, chọn Lưu URL hình ảnh vào một thuộc tính bất kỳ (Ví dụ: url_anh_voucher). Bước này giúp hệ thống tạo ra một đường dẫn ảnh riêng biệt cho khách hàng đó.

2. Gửi ảnh cho khách hàng: Ngay phía dưới thẻ Custom Image, thêm thẻ Messenger Image. Tại ô nhập nội dung, hãy nhập đúng Attribute mà bạn đã dùng để lưu URL ở trên (Ví dụ: {{url_anh_voucher}}).

Kết quả: Khi khách hàng chạm đến block này, Bot sẽ tự động tạo ảnh → Lưu link → Gửi tấm ảnh có tên và avatar của chính khách hàng đó cho họ.