Hi everyone, I have this form where a user may need to submit a form multiple times. Is there a way to reset the form to the second state post submission?
Otherwise, the user keeps go back to original page where he has to put his personnal informations again and again. in this case when the user is on the success page and want to refresh to have a different version it auto go back to the the ‘contact_form_block_form_B’ but I want it to refresh on the ‘simulation_form_block_form_B’ (the second step of the simulator)
While Webflow’s native form handling doesn’t directly support multi-step form state management after submission, there are several approaches you can consider:
You can implement a multi-step form experience using a combination of Webflow’s built-in features and custom code. Some options include:
Using multiple Collection List items with show/hide states to simulate form steps
Implementing localStorage or sessionStorage via custom code to maintain form data
Using third-party form tools like Typeform or JotForm that integrate with Webflow and support multi-step forms
Creating a custom solution using Webflow’s form redirect functionality combined with URL parameters to pass data between steps
For the most robust solution, consider using Webflow’s custom code capabilities to implement client-side state management or integrate with external form services that specialize in multi-step workflows.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Add some javascript to attach a custom redirect to the submit button that includes all the values of the step 1 fields as the URL parameters. So it would look like /simulation-portage-salarial?name=[Name]&email=[Email]...
Then have another script that run on page load (DOMContentLoaded) that reads window.location.search to get the parameters, pass them to the form inputs, then use JS to remove the hide class from step 2.
If you don’t want the fields to be in the URL, you could also save them to sessionStorage & read them that way. Hopefully that make sense & helps point in the right direction!
You can but Webflow’s native form handler is not especially good for this.
The reason is that even if you force the form to display, the button is still in a “Please wait…” state.
It’s easier to build your form, then use a custom action to submit your form to an automation or 3rd party form handler like Basin.
Then you can simply force your form to stay visible with custom CSS, and submit it multiple times.
Note that it might be possible to reset the “Please wait…” with script, in which case you can probably use the regular form setup, but in the success message add a button “submit another”, which then displays the form, with the data still entered, reset the submit button, hide the success message, and the user is good for another send.