Các bước tạo ảnh
Last updated
Last updated
Hướng dẫn tạo mới hình ảnh cá nhân hóa cơ bản (sử dụng tên Facebook và avatar của khách hàng)
Bước 1: Bạn cần chuẩn bị trước 1 ảnh nền (kích thước dưới 1000x1000px), dung lượng dưới 2.5mb
Lưu ý khi thiết kế hình ảnh, bạn nên thiết kế trước cả khung ảnh và khung hiện tên của khách hàng
Nếu bạn chưa có hình ảnh, bạn có thể tải ảnh mẫu
Tại cửa sổ thông tin hình ảnh, chọn tab General để xem dung lượng hình ảnh
Chọn tab Details để xem kích thước hình ảnh
Nếu dung lượng quá 2.5mb và kích thước quá 1000x1000px, bạn cần xử lý lại hình ảnh
Bước 2: Truy cập module Customize Image và chọn Thêm mới, sau đó mở phần Cài đặt
Tại đây bạn cần điều Chiều rộng khung và Chiều cao khung khớp với kích thước ảnh nền đã chuẩn bị ở bước 1. Ví dụ hình ảnh của mình có kích thước 1000x500px, ở đây mình sẽ điều chỉnh chiều rộng là 1000px, chiều cao là 500px
Bước 2: Thêm 1 lớp hình ảnh mới, đặt lề trên và lề trái là 0px, chiều rộng và chiều cao bằng với kích thước của ảnh, sau đó upload hình ảnh nền ở bước 1 lên đây
Bước 3: Thêm 1 lớp hình ảnh nữa, lề trái, lề phải và kích thước bạn có thể tùy chỉnh để phù hợp với ảnh nền của mình
Phần giá trị chọn attribute và nhập attribute {{facebook.picture}} vào ô giá trị, attibute này sẽ giúp hiển thị ảnh đại diện Facebook của khách hàng
Phần hình dáng chọn Circle
Bước 4: Thêm 1 lớp văn bản để hiển thị tên của khách hàng, điều chỉnh vị trí và kích thước phù hợp với ô nhập tên
Phần giá trị nhập {{facebook.name}}, attribute này sẽ hiển thị tên Facebook của khách hàng
Bạn có thể tùy chỉnh phông chữ, cỡ chữ và căn lề theo textbox
Sau đó, chọn Xuất bản để lưu lại hình ảnh vừa tạo
Bước 5: Truy cập module Bot-Auto, tạo 1 block mới
Trong block vừa tạo sử dụng thẻ Custom Image và chọn ảnh cá nhân hóa vừa tạo để tự động tạo ảnh, sau đó chọn lưu URL hình ảnh vào 1 thuộc tính bất kỳ
Sau đó ở phía dưới thẻ Custom Image, bạn cần đặt thêm 1 thẻ Messenger Image và nhập lại attribute vừa lưu URL hình ảnh ở trên vào để gửi lại cho khách hàng