Tin tức

Home/Tin tức/Cập nhật mới: Tối ưu giao diện của mẫu thông báo ZNS

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 ZNS:

  • Nội dung chính: Hiển thị trực tiếp trên thông báo ZNS, đượ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 ZNS 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á (ZNS 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 mẫu ZNS (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)

ZNS Payment Request (ZNS 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
ZNS 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
ZNS 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

ZNS Rating (ZNS đánh giá dịch vụ) Cho phép tối đa 2 CTA tùy chọn cùng màu xám
ZNS 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 ZNS

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

Phân loại ZNS

Giao diện ZNS (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ụ

ZNS 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 
ZNS Payment 
(ZNS thông tin thanh toán) 
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: 

  • Việc cập nhật giao diện và cài đặt về CTA này sẽ được cập nhật tại ZCA dự kiến từ ngày 25/11/2025 (thời điểm cập nhật).
    Khi việc cập nhật hoàn tất, tất cả các mẫu ZNS tạo mới sẽ sử dụng giao diện mới.
  • Các mẫu ZNS được tạo trước khi hoàn tất việc cập nhật giao diện sẽ vẫn được hiển thị/sử dụng theo giao diện cũ.
  • Hình ảnh trong bài viết chỉ có tính chất minh họa, giao diện thực tế có thể điểu chỉnh để đảm bảo trải nghiệm người dùng cuối.

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?

Cảm ơn bạn đã góp ý cho chúng tôi!