When you're building your landing pages in Unbounce, you want the conversion process to be as simple as possible. Nothing too distracting, and you certainly don't want to scare your audience away with long, time-consuming forms. Here at Unbounce, we've concocted a solution for you because, hey, we're marketers too!
Introducing: Multi-Step Forms!
No more scary, conversion killing forms. Follow the steps below to implement this handy script into your landing page and try it for yourself! And, as always, remember to A/B test, and keep us posted on your results!
You can see this in action (built in Unbounce) here:
WARNING: YOU ARE ENTERING DEVELOPER TERRITORY
Here's the script: https://gist.github.com/noahub/b8c6d63abb50048d42ee721c900450df
Create your form in Unbounce.
Create a new button element for your 'Next' button and one for your 'Previous' button. Keep in mind when positioning these buttons (and your form submission button) that only one field will be shown at a time.
Update the script with the ID of your 'Previous' and 'Next' button elements. Tip: Make sure you exclude the '#' in the ID.
Copy the CSS from 'multistep_form.css' and paste it into the Stylesheets section of your page.
You're done! Now sit back and let the conversions roll in...
Want to take your Unbounce landing pages + convertables to the next level?
Check out the Ultimate List of Unbounce Tips, Scripts & Hacks