Few things kill conversions more than making it difficult or unpleasant for a user to complete a form. For this reason, we’re introducing a cleaner, less obtrusive experience for users to validate their forms with Inline Error Messages. With Inline Error Messages, you can automatically display errors inline, making it easier to find for users, and a much better experience on mobile.
Best practices for form validation are as follows:
- Display at the right place: Next to the input in question
- Display at the right time of informing about problems/success
- Use the right colour: Red for problems green for success
- Use clear language: Have a conversation with the user
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
Here’s a link to the script:
Create your form and add some required fields or fields with validation.
Copy the inline_errors.css script and paste in Stylesheets section
Want to take your Unbounce landing pages + Convertables™ to the next level?
Check out the Ultimate List of Unbounce Tips, Scripts & Hacks