What happens if a visitor is in the middle of filling out your form but they get called away? Or maybe they accidentally close the tab or hit that refresh button? Forms are tedious at best, having to fill out the same field more than once is downright torture for some people.
What if there was a way to save a users responses while they were filling out the form, so they could leave and come back without losing their progress? That would be pretty great hey? Especially if you’ve got a long form or have multiple steps involved. Well local storage and Garlic.js to the rescue!
Capture Abandoned Form Submissions in Unbounce
Using the garlic.js library we can save partial answers to form fields in the browsers local storage and prefill the form fields if the page is abandoned and a user comes back.
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
One Step Installation
This is an easy one. Just a single step
That’s literally it!
Pro Tip If you want to use it on all your pages place it using Script Manager.
Optional: Set some limits!
Garlic.js gives you some options on how long to save the data in local storage and under what conditions. By default I’ve set the script to never delete the data from local storage.
Have a gander here to see a list of those options - http://garlicjs.org/
Want to take your Unbounce landing pages + Convertables™ to the next level?
Check out the Ultimate List of Unbounce Tips, Scripts & Hacks