Summary
The auto-fill option allows a user to seamlessly and accurately apply a voucher code, or any such one-time-use codes. We can implement this very convenient feature for voucher code entry on CloudPath.
Steps
A small edit to the HTML source code of the default voucher code entry page can help add the auto fill feature.
This is the current workflow that I have created, very simple, just asking a Guest to input their Mobile Phone number:
In Step 3, click on the blue text “verification code”. This will open up the step which is prompting users to obtain a Voucher from the voucher list “Guest Voucher List - 1 Day Access”.
NOTE Ensure that the format for the VOUCHER List are set to:
- ALPHANUMERIC (upper)
- ALPHANUMERIC (Lowercase)
- ALPHANUMERIC (Mixed)
- Numeric
In the resulting page, scroll down to Webpage Display Information. Change the Page Source: to “Upload HTML File”
Click on the download button beside “Default: Using default file.”
Open up the downloaded file in your favourite editor, I will use “Visual Studio Code” in this example.
In the file, do a search for “autocomplete”, there should be only a single entry there:
Edit the autocomplete=‘off’ to be autocomplete= ‘one-time-code’
Save the file.
Back to Cloudpath, in the page click on the “Choose File” button and upload the file that you saved:
Click Save on the page.
Deploy the Workflow
Continue through the workflow, enter you Mobile Number, when you re texted, you can simply click on the Verification Code: input box, and you will see a “From Messages XXXXXX” prompt show up.
Select the prompt on your phone and the Verification Code will be automatically filled out!
