How to allow a Webflow form to be submitted multiple times without refresh
Memberscripts needed:
Tutorial:
[Embed: https://www.youtube.com/embed/3pDz2OFTq5U]
Cloneable:
Why/Use Cases
- A live polling or feedback tool that allows users to submit multiple inputs, such as ratings, comments, or votes, in real time without disrupting the user experience.
- A task tracker or data-entry application that enables users to add multiple entries (e.g., items to a list or tasks in a project) seamlessly.
Allowing Webflow forms to be submitted multiple times without refreshing
A form that allows multiple submissions without requiring a page refresh can significantly enhance the user experience, especially in scenarios like live polls, dynamic data entry, or interactive apps.
Let’s look at how you can build such a form using a custom Memberstack script.
To allow a Webflow form to be submitted multiple times without refreshing, we’re going to use MemberScript #139 – Reset Form After Submission. Follow the link to get the code you’ll need to add to your page and watch a video tutorial on how to set everything up.
Setting it up
Once you have your form created and styled, you need to add a button to the form’s success state and add the following attribute to the button:
· ms-code-reset-form=””
The script will automatically know which form it’s in and will reset it when clicked.
Making it work
Now that you’ve got everything set up in Webflow, all you need to do is add the MemberScript #139 custom code to your page, before the closing body tag.
Conclusion
That’s everything, you can now go ahead and test the form on your live site.
If you want to use our demo project to get you started, just click the button below to add it to your Webflow site.
Our demo can help you create a Webflow form which can be submitted multiple times without refreshing.
Take me to Cloneable!
Written by
Ovidiu
Contributor