QR Code Info

Giới thiệu

QR Code Info là element dùng để hiện thị thông tin sau khi sử dụng element Scan QR Code để quét mã. Các thông tin dùng để hiện thị có thể đến từ các thông tin như:

• Thông tin User cung cấp, tương tác trên Form dưới dạng fieldname.value

• Thông tin nhận về từ 3rd System thông qua luồng Postback API đã thiết lập

• Thông tin được lưu khi đọc Regex Key từ mã QR

Element được dùng trên Thank Form thể hiện thông tin và được sử dụng trong các ngữ cảnh thực hiện Scan QR Code trên Step Form.

Hướng dẫn thiết lập

Truy cập vào cấu hình Form Builder ⇒ kéo element QR Code Information vào sử dụng

Cấu hình QR Code Information

• Label: nhập giá trị hiển thị trên tiêu đề hiển thị thông tin

• Field Name: nhập key đánh dấu giá trị theo nguyên tắc: Scan QR Code fieldname_Information.

  • Ví dụ: nếu element Scan QR Code có Field name là scanQRcode123 ⇒ Field name của QR Code Info cần nhập: scanQRcode123_Information

  • Điều này giúp hệ thống tự động nhận diện theo nguyên tắc và xử lý lưu trữ dữ liệu hiển thị đúng.

Setting

Cấu hình giao diện hiển thị tại Display Fields ⇒ ấn + Add Field để thêm trường hiển thị mong muốn

Sau khi thêm nội dung một trường nội dung, nhập nội dung hiển thị trên Pango Form

• Label: tên giá trị

• Value: giá trị hiển thị, có thể nhập thông tin cố định, dữ liệu từ các trường tương tác, thu thập thông tin khác trên form, giá trị được đọc từ mã QR, giá trị được trả về từ 3rd System thông qua API,.. ⇒ tất cả các giá trị này được lưu vào event submit theo field name của element ⇒ khai báo chính xác để hiển thị.

• Type: định dạng giá trị hiển thị bao gồm

  • Text: các nội dung hiển thị nội dung

  • Number: các nội dung hiển thị giá trị, số

  • Image: chuyển đổi nội dung thành hình ảnh (ảnh được lưu trữ trước trên hệ thống)

  • Timestamp: hiển thị các giá trị thời gian theo cấu hình được chọn

• Sử dụng icon Drag/Drop để sắp xếp nội dung hiển thị

• Sử dụng icon Delete để xoá trường, icon Add để thêm trường

• Information Arrangement: chọn định dạng hiển thị thông tin trên element

  • Ngang: label nằm bên tay trái, value nằm bên tay phải ⇒ cả hai trên cùng 1 dòng

  • Dọc: label nằm bên trên, value nằm bên dưới ⇒ cả hai trên 2 dòng khác nhau, căn lề trái

• Show Type: chọn cách hiển thị nội dung trên element

  • Always Show: luôn hiển thị nội dung theo các trường được thiết lập

  • Hide lable if value is null: ẩn trường nội dung nếu như giá trị của nó không có (data rỗng, không thể hiển thị)

• Save Image to Gallery: bật để hiển thị CTA lưu thông tin của element QR Code Info vào thư viện ảnh trên thiết bị của User.

  • Button Text: nội dung hiển thị trên CTA để ấn