Automatically pass Email between 2 Hubspot forms / multi-step / parameters

[Kirbs]

I had first wanted to create a multi-step form in Hubspot, whereby the first stepped saved and the 2nd step was optional.

However, this does not seem to be possible with Hubspot forms.

As a workaround, I created a 2nd from and linked the Thank You page from the 1st form to the page containing  the 2nd form....however, the email address & data submitted in the first form is not passing to the 2nd form.

Is there any solution to pass the email into the 2nd form?

Thank you

[TomM2 · Accepted solution]

Hey @Kirbs this isn't possible out of the box within HubSpot without some custom development. If you have 2 forms you will see the isse of the information not passing to the second form as it doesn't have time to capture, process and return data by the time the form redirect happens. 

You could customise the form embed code with custom javascript to achieve this.

Alternatively if you can add query strings to the first forms redirect url to attempt to pass data to the second form. The problem with this though is that by the time the form redirect happens, the data will still not have time to process. So you would need to put a short JS delay before the page loads to give this some time to gather everything too. 

The third option as Ben mentioned would be use the forms api to create a completely custom form and pass data to HS. 

It's also worth noting multi-step forms is in a closed beta in HubSpot right now, so this may be available natively in the next few months. 

[TomM2 · Accepted solution]

Hey @Kirbs this isn't possible out of the box within HubSpot without some custom development. If you have 2 forms you will see the isse of the information not passing to the second form as it doesn't have time to capture, process and return data by the time the form redirect happens. 

You could customise the form embed code with custom javascript to achieve this.

Alternatively if you can add query strings to the first forms redirect url to attempt to pass data to the second form. The problem with this though is that by the time the form redirect happens, the data will still not have time to process. So you would need to put a short JS delay before the page loads to give this some time to gather everything too. 

The third option as Ben mentioned would be use the forms api to create a completely custom form and pass data to HS. 

It's also worth noting multi-step forms is in a closed beta in HubSpot right now, so this may be available natively in the next few months. 

[Kirbs · Accepted solution]

Thanks, I'd tired the query string method but unfortunately did not work, probably because as you say, it hadn't the time to process (don't think I can insert a delay via the form 'thank you' redirect).

Glad to hear they are bringing multi-step forms; that would slove trying to workaround it 🙂

Meanwhile, I'll take a look at the javascript.

THank you

[Kirbs]

We are not using API.

We are just using the HubSpot form embed codes.

We are not passing any data between the forms yet - we are trying to understand how we can do this.

thank you 

The 2 forms were only created today (2 forms as a 'workaround' because HubSpot does not have multi-step form).

[Ben_M]

How are you passing the data to the 2nd form today? If you are capturing it using the Forms API you should be able to retain that data and post it to the 2nd form. https://legacydocs.hubspot.com/docs/methods/forms/forms_overview