Setting up auto-save for form inputs?

Community resources General
1

Hey all,

Wondering if anyone has done this, I would like to have the information entered into a form by a user auto-saved/submitted without needing to do the following:

  • Don’t refresh the page.
  • Don’t refresh the form.
  • Don’t need a submit button to be clicked.

I am pretty sure most of you have seen this sort of functionality in apps. Wondering if anyone has achieved this in Webflow?

2

This can be done with localstorage, but it needs a custom script (though it’s not as involved as one might think).

Add buttons for save and load. Then insert a custom embed on the page with the form and write a script that saves the form values when the save button is clicked and fetches them when the load button is clicked.

Here’s how you set up onclick on the buttons:

Here’s how you set and get localstorage values:

You could do the save part automatically through a set interval like this:

but remember that this will overwrite the previous save, so if the user clears out the form manually it’ll save it as blank on the next interval.

3

We ran into this issue about wanting a form to auto submit when working on a client project.

If you check out the tutorial video you’ll see how we were able to solve it with a little code and by changing a single attribute.

Please feel free to tag me if you have any questions!

Happy Thursday!