Loading...

Cập nhật mới: Tối ưu giao diện của mẫu ZBS Template Message

19 tháng 03, 2026 11:19
Cập nhật mới: Tối ưu giao diện của mẫu ZBS Template Message

Dự kiến từ ngày 25/11/2025, với mục đích cải tiến và nâng cao trải nghiệm tương tác của người dùng cuối (end-user), giao diện của mẫu (template) ZNS sẽ được cập nhật tổng quan như sau:

I. Tổng quan cập nhật: 

a. Các thành phần thay đổi

Cập nhật 

Chi tiết cập nhật

Highlight Box (Thẻ thông tin) 

Phân cấp thông tin hiển thị trên nội dung ZBS Template Message:

  • Nội dung chính: Hiển thị trực tiếp trên thông báo ZBS Template Message, được highlight, giúp end-user nắm thông tin nhanh => Dễ dàng thao tác.
  • Nội dung phụ/chi tiết: Cung cấp tất cả thông tin, để end-user xem tra cứu khi có nhu cầu 
    Nội dung phụ được hiển thị khi bấm vào Highlight box hoặc CTA tương ứng (bấm vào Highlight box với Template Payment - chi tiết xem tại phần II)
CTA
  1. Tập trung tương tác chính về vị trí Highlight box & Thẻ sao đánh giá (Template rating) (chi tiết xem tại phần II)
  2. Cho phép tăng số lượng CTA từ 2 lên tối đa 3 CTA trong ZBS Template Message (chi tiết xem tại phần b) 

 

b. Mô tả cập nhật tổng quan 

Phân loại ZNS 

Từ ngày 25/11/2025 (dự kiến)

CTA

Highlight box (mới)

ZBS Template Message Payment Request (Yêu cầu thanh toán)

Kèm CTA mặc định: Thanh toán ngay

Cho phép tối đa 2 CTA tùy chọn (màu xám) 

image.png
ZBS Template Message Voucher

Kèm CTA mặc định: Xem mã ưu đãi

Cho phép tối đa 2 CTA tùy chọn (màu xám) 

image.png
ZBS Template Message Xác thực

Kèm CTA mặc định: Sao chép mã 

ZNS Xác thực không hỗ trợ thêm CTA tùy chọn 

Bỏ biểu tượng sao chép image.png

Không áp dụng

ZBS Template Message Rating (Đánh giá dịch vụ) Cho phép tối đa 2 CTA tùy chọn cùng màu xám
ZBS Template Message tùy chỉnh

Cho phép tối đa 3 CTA tùy chọn:

  • CTA 1: màu xanh
  • CTA 2, 3: màu xám 

c. Ảnh minh họa giao diện mới của mẫu ZBS Template Message

II. Chi tiết về Highlight Box (Thẻ thông tin) và mẫu ZBS Template Message tương ứng 

Phân loại

Giao diện (kèm Highlight box)

Thông tin hiển thị tại nội dung chính

Giao diện nội dung chi tiết

Thông tin nội dung phụ

Template Voucher
image.png

Highlight box:

  • Tiêu đề voucher
  • Điều kiện sử dụng
  • Hạn sử dụng

 

CTA mặc định: Xem mã ưu đãi 
 

image.png

Thông tin chi tiết:

  • Tiêu đề voucher
  • Điều kiện sử dụng
  • Hạn sử dụng
  • Mã voucher
  • Barcode (mặc định)
  • QRcode (mặc định)

*Hệ thống sẽ tự động tạo ra barcode & QRcode tương ứng theo thông tin mã voucher được truyền vào 

Thao tác cho phép:

  • Lưu vào ví QR - để đặt nhắc hẹn (mặc định)
  • Copy (sao chép) mã voucher (mặc định)
  • Zoom-in QR/Barcode khi bấm vào 
Template Payment Request 
image.png

Highlight box:

  • Số tiền
  • Tên ngân hàng
  • Tên tài khoản
  • Số tài khoản

 

CTA mặc định: Thanh toán ngay 
=> Chuyển trang xác nhận thanh toán & lựa chọn Ngân hàng có Ứng dụng (App)  

image.png

Thông tin chi tiết:

  • Tên ngân hàng  
  • Tên tài khoản  
  • Số tài khoản
  • Số tiền
  • Nội dung chuyển khoản


Thao tác cho phép:

  • Sao chép (Copy) tên ngân hàng, số tài khoản, số tiền, nội dung.
  • Nút Thanh toán ngay (mặc định) => Chuyển trang xác nhận thanh toán & lựa chọn Ngân hàng có Ứng dụng (App)   

III. Lưu ý chung: 

Trong trường hợp cần thêm thông tin hoặc hỗ trợ kỹ thuật trong quá trình rà soát và cập nhật, quý khách vui lòng liên hệ với đội ngũ chăm sóc khách hàng tại support@zalo.solutions 

Bài viết này có hữu ích với bạn không?