The big benefit of setting your form’s input type is that, on mobile, the correct keyboard will display when your leads are filling out your form. This small change helps speed up the input process and reduces form friction on your pages.
This script allows you to easily change your input types to any valid type – without breaking any of the form styling.
You can see this in action (built in Unbounce) here:
How to Install in Unbounce
Click Here for Instructions
WARNING: YOU ARE ENTERING DEVELOPER TERRITORY
You can see a fulll list of input types here:
Grab the latest version of the script here: https://gist.github.com/noahub/65a67b6a32dd5b4d87e3d7fecff79592
Create a new form and add your form fields.
setTypefunction call with your own form’s values. The first parameter passed to the function is the field name, the second is the desired input type. For example:
Call the function again for any additional form fields that you are changing.
Republish and test!
Our theory is that this will make it easier for your leads to convert on mobile, but be sure to A/B test this script and report back to the Community on how it went!
Want to take your Unbounce landing pages + Convertables™ to the next level?
Check out the Ultimate List of Unbounce Tips, Scripts & Hacks