9.9.2. CÁC BƯỚC TẠO ẢNH

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

Thay vì gửi cùng một hình ảnh đến tất cả khách hàng, Hình ảnh cá nhân hóa (Personalized Image) cho phép bạn tự động tạo một phiên bản riêng cho từng người nhận bằng cách chèn các thông tin cá nhân như họ tên, ảnh đại diện, mã QR, mã voucher và các dữ liệu khác vào mẫu thiết kế.

Nhờ đó, mỗi khách hàng sẽ nhận được một hình ảnh mang dấu ấn cá nhân, giúp tăng sự gắn kết với thương hiệu, nâng cao trải nghiệm người dùng và cải thiện hiệu quả của các chiến dịch marketing.

💡 Ứng dụng thực tế

Hình ảnh cá nhân hóa có thể được ứng dụng linh hoạt trong nhiều chiến dịch marketing và chăm sóc khách hàng, giúp nâng cao trải nghiệm và tối ưu hiệu quả truyền thông.

• Chiến dịch Voucher Tự động tạo voucher cá nhân hóa với tên khách hàng, mã QR hoặc mã định danh riêng cho từng người nhận. Lợi ích: Tăng tỷ lệ sử dụng voucher, hạn chế gian lận và nâng cao hiệu quả các chương trình khuyến mãi.
• Chiến dịch chúc mừng sinh nhật Tự động gửi thiệp chúc mừng được cá nhân hóa với tên và ảnh đại diện của khách hàng vào đúng ngày sinh nhật. Lợi ích: Tăng sự gắn kết, tạo thiện cảm và nâng cao lòng trung thành với thương hiệu.
• Chứng nhận & Khen thưởng Tự động tạo chứng nhận hoàn thành khóa học, giấy chứng nhận hoặc thẻ thành viên với thông tin của từng cá nhân. Lợi ích: Tiết kiệm thời gian, đảm bảo tính chuyên nghiệp và nâng cao uy tín của tổ chức.

---

🛠 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.

Mẹo kiểm tra thông tin ảnh trên máy tính:

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ọ.