Scan & Prefill
Overview
With the Scan & Prefill feature, users can scan a QR code while filling out your form. The scanned data automatically populates the mapped form fields, eliminating manual data entry and making form submission faster and more convenient.
A QR code is a 2D barcode that can be read using a camera and a QR code reader app. Zoho Forms supports QR codes with data encoded as comma-separated values or key-value pairs. When scanned, the decoded data is used to instantly prefill the mapped fields. Users can scan QR codes using the Zoho Forms mobile app or any web browser on a laptop, desktop, or mobile device. For example, at an event, attendees can scan a QR code using any of these platforms to automatically populate their registration details.
How to Configure Scan & Prefill
- In your web form builder, navigate to Settings > Prefill > Scan & Prefill.
- Click Configure.
- Under Platform Support, select Mobile App, Web Browser or both.
By default, both options are selected. - Select Data Format, either Comma-Separated Values or Key-Value Pair. Zoho Forms supports only these two QR code formats. Ensure that the Data Format chosen matches the format used to generate your QR code.
If you choose Comma-Separated Values, map the Sequence Number to the Form Fields. Learn More
If you choose Key-Value Pair, select the Separator and the Delimiter, then map the Key to the Form Fields. Learn More - Click Save.
You can now scan a compatible QR code to prefill mapped form fields on the enabled platforms.
Note: Web Browser support for Scan & Prefill is available only for forms in the latest version.Comma-Separated Values
In this format, field values are encoded in a comma-separated sequence. The data is generally structured as: {value 1, value 2, value 3,....}. Each value is assigned a sequence number based on its position 1,2,3,..., so on.
For example, for the values: {Richard, Johnson, richardjohnson@zylker.com, 555-123-4567}
For example, for the values: {Richard, Johnson, richardjohnson@zylker.com, 555-123-4567}
Sequence Number | Value |
| 1 | Richard |
| 2 | Johnson |
| 3 | richardjohnson@zylker.com |
| 4 | 555-123-4567 |
Note : Let's say you have the Comma-Separated Values as {Richard, 20,000, Zylker} and you want the second value to be taken as 20,000 and not as 2 distinct values, 20 and 000. In such cases, enclose that value within double quotes such as: {Richard, " 20,000 " , Zylker}.
If you select Comma-Separated Values as the Data Format, map the Sequence Numbers to the corresponding Form Fields to automatically populate them with the scanned data.
Key-Value Pair
The Key-Value Pair data format associates each field value with a corresponding key. It is generally in the format: {key 1 : value 1, key 2 : value 2, key 3 : value 3,.... }. However, the separator(:) and the delimiter(,) can vary in your Key-Value Pair.
For example, for the Key-Value pair in the format: {FN: Richard Johnson, Email: richardjohnson@zylker.com, Tel: 5551234567} where the separator is : and the delimiter is ,
Key | Value |
| FN | Richard Johnson |
| richardjohnson@zylker.com | |
| Tel | 5551234567 |
Note : Let's say you have the Key-Value Pair as {Name: Richard, Amt: 20,000, Company: Zylker, Emp_ID: ZYK:976 } and you want the second value to be taken as 20,000 and not as 2 distinct values, 20 and 000, and the fourth value to be taken as ZYK:976 and not as the colan (:) of the key value separator. In such cases, where the delimiter and the separator used within a value is the same, the s pecial characters in the values must be preceded by a backslash such as: {Name: Richard, Amt: 20 \, 000, Company: Zylker, Emp_ID: ZYK \: 976}.
If you have selected the QR Data Format as Key-Value Pair,
- Choose the Separator and the Delimiter used to generate your QR Code.
- Map the Keys (key 1, key 2, key 3,..) to the corresponding Form Fields to automatically populate them with the scanned data.