Cấu hình các lớp
Last updated
Last updated
Lớp là các phần tử hiển thị trong ảnh cá nhân hóa của khách hàng, ví dụ: hình ảnh, văn bản, mã QR, barcode,...
Vị trí: Điều chỉnh vị trí của lớp văn bản so với hình ảnh (lề trái và lề trên cách bao nhiêu px)
Kích thước: Điều chỉnh chiều rộng và chiều cao của lớp văn bản
Căn lề theo trang: Tự động căn chỉnh vị trí của lớp văn bản (bỏ qua lề trái, phải)
Căn lề theo chiều dọc:
Căn lề lên trên cùng theo chiều dọc
Căn lề ra giữa theo chiều dọc
Căn lề xuống dưới cùng theo chiều dọc
Căn lề theo chiều ngang:
Căn lề sang bên trái theo chiều ngang
Căn lề ra giữa theo chiều ngang
Căn lề sang phải theo chiều ngang
Giá trị: Là nội dung hiển thị của văn bản, bạn có thể nhập 1 nội dung cụ thể hoặc sử dụng thuộc tính của khách hàng, ví dụ {{facebook.name}} (tên Facebook của khách hàng), {{phone}} (số điện thoại), {{email}} (email),... để tạo ra trải nghiệm cá nhân hóa cho từng khách hàng
Phông chữ và Cỡ chữ: Điều chỉnh phông và kích thước của chữ phù hợp với hình ảnh
Căn lề theo textbox: Tương tự căn lề theo trang, bạn có thể để căn để văn bản hiển thị ở trên, dưới, trái, phải, giữa của textbox
Textbox là khung màu xanh bao quanh hình ảnh
Căn lề theo trang: Căn lề textbox nằm ở trên, dưới, trái, phải, giữa của hình ảnh
Căn lề theo textbox: Căn lề chữ nằm trong textbox
Lưu ý 2 loại căn lề để không nhầm lẫn trong quá trình sử dụng
Ví trí, kích thước (chiều cao, chiều rộng) và căn lề theo trang: Tương tự lớp văn bản
Giá trị:
Chọn file để tải hình ảnh từ máy tính lên SmaxAI và sử dụng
Chọn attribute để chọn thuộc tính trên SmaxAI để hiển thị
Khi sử dụng hình ảnh tải lên, bạn cần lưu điều chỉnh kích thước chiều rộng, chiều cao của hình ảnh để hiển thị được hết hình ảnh
Khi sử dụng attribute hệ thống sẽ hỗ trợ thêm trường Xem trước, bạn có thể tải lên 1 hình ảnh bất kỳ để xem thử attribute đó sẽ hiển thị như nào khi gửi tới khách hàng
Hình dáng:
Normal: Hình ảnh sẽ hiển thị theo tỉ lệ chiều rộng và chiều cao mà bạn cài đặt
Circle: Hình ảnh sẽ hiển thị theo hình tròn theo chiều dài của 1 cạnh
Squece: Hình ảnh sẽ tự căn chiều rộng/chiều cao theo chiều còn lại để tạo thành hình vuông (ưu tiên cạnh nào có độ dài ngắn hơn)
Viền: Thêm viền cho hình ảnh, bạn có thể tùy chỉnh màu sắc hoặc độ dày của viền phù hợp
Ví trí, kích thước (chiều cao, chiều rộng) và căn lề theo trang: Tương tự lớp văn bản
Giá trị: Giá trị của văn bản hoặc URL muốn chuyển sang thành mã QR, bạn có thể nhập nội dung cụ thể hoặc sử dụng thuộc tính
Màu sắc: Màu sắc hiển thị của QR Code được tạo ra
Sử dụng tương tự lớp QR Code
Lưu ý khi tạo các lớp trong ảnh cá nhân hóa, bạn cần sắp xếp thứ tự các lớp hợp lý để không bị che mất hình ảnh. Các lớp sẽ được ưu tiên hiển thị theo thứ tự trừ trên xuống, ví dụ trong ảnh dưới:
Lớp Text được sắp xếp trên cùng nên sẽ hiển thị đè lên 2 lớp Image phía dưới
Lớp Image số 2 (hình con mèo bên phải) được sắp xếp ở trên lớp Image số 3 (hình con mèo bên trái) nên sẽ đè lên và che mất 1 phần hình ảnh của lớp phía dưới
