Jan 13, 20249:03 AM - edited Jan 22, 20242:40 AM
Member
Can I create a multi-step form?
SOLVE
For Creating Multi step form in hubspot either you can customize the CSS and js or another option is to use a third party app like https://formmaker.co.in/
Is this application still available? This is exactly what I'm looking to do as I'm in the middle of building an onboarding form for our sales team to use with new clients.
2. build all of the steps but the last yourself in html. pass the data yourself using javascript and hidden fields. On the last step use a Hubspot form with hidden fields and inject all of the data from the other steps into the hidden fields. when they submit it will pass all of the data in the same field.
It isn't going to be a Hubspot answer, it will be a Javascript answer. You would use the submit on the first forms to send the form info as part of the url, and on the last page you would inject the info in to an actual hubspot form. You need to know about passing form info as "GET" to different pages, turning those pieces of info in to variables on the next page, them setting them as values of the hidden inputs for those fields. The process would be the same whether 2 forms or 100 forms all of the way up to the Hubspot form. You can create hidden fields in the form interface.
I don't have any tutorial references, you'd have to just piece it together yourself.
ah ok cool. Do the fields update immediately for you this way? usually it takes about 30 seconds for contact info to update so the info doesn't populate in the fields unless you give a few seconds between form submit and page load.
The way I set it up, the form submits instantly after validation and I get the validation email right after that. Also the contacts get submitted and created in HubSpot Contacts.
The data does not submit to the hubspot form until the validation process at the end of my script. I have the variables updating for every onchange() function and loads in a jQuery and then run the onFormReady function at the end.
It doesnt give me the abandoned form start data but it seems to be the best way to get data to the hubspot form fields.
I tried to get the abandoned form data by submitting individual data to the ids however that does not work.