How do I create a multi-step form on one page?

[Tanja1]

Hi there! Couldn’t find the exact answer in other messages around this topic, so trying it here:
I’m looking for a way to split 1 form into several parts. One part contains a header, description and multiple fields. And every part is a follow up of the previous one. This all should happen on 1 page. I would describe it as a multi-step form on 1 page? Example:
Part 1:
Title
description
- field A

- field B

- field C

When field C is answered with ‘yes’, show Part 2:
Title
description

- field D

- field E

When field E is completed, show Part 3, etc.

And another dimension: If field C is answered with ‘no’, then show Part 4 directly.
Thanks in advance!
Tanja

[Josh]

Hi @Tanja1,

Out of the box, HubSpot does not have multi-step forms. The best way to accomplish a multi-step form is by using multiple forms and for each step the form submission button will take them to a new page with the next step of the process and a separate form. You can include content on each page that tells the user which step of the form process they are on.

Here’s a blog article on HubSpot on the topic. It’s a couple of years old at this point, but to my knowledge still accurate.

Josh

[begradient]

Hi Josh,

Thanks for the response! Hm, too bad.. We need to stay away from multiple pages due to a specific requirements. In case you find another solution for embedding this on one page, let me know

Thanks,

Tanja

[thesnappingdog]

@Anonymous @Tanja1 this thread might be useful for you: https://community.hubspot.com/t5/Lists-Lead-Scoring-Workflows/Multi-Step-Forms-Possible/m-p/358695/highlight/true#M4111

[karanjalendere]

This this can be achived with this

third party app like https://formmaker.co.in/.

use the logic feature of this form not even fields you can also show and hide steps based on input value

also attaching demo video of this app so you will get an idea of how this form works https://www.youtube.com/watch?v=s1fDvrcNJks

for more information contact me on info@ecoweb.ca

[DavidVoigt]

Now in private beta:
Multi-Step Forms in the new Forms Editor

[karstenkoehler]

Hi @Tanja1,

This is now possible in HubSpot and in public beta!

---

Forms

Multi-Step Forms

August 6, 2024

What is it?

Multi-Step Forms tackles the problem of form abandonment by breaking down longer forms into manageable parts, providing visitors with a sense of accomplishment and encouraging completion.

Why does it matter?

Website visitors are more likely to complete shorter segments of a form than a long, daunting single page. This incremental approach can significantly improve conversion rates.

How does it work?

You will be able to create forms with a single step, add a step, remove a step.

And move fields and moved contents between steps.

Who gets it?

Content Enterprise, Marketing Starter, Marketing Pro, Marketing Enterprise, Marketing+ Pro, Marketing+ Enterprise, Sales Starter, Sales Pro, Sales Enterprise, Service Starter, Service Pro, Service Enterprise

Learn More:

Learn more on the Knowledge Base

---

You can find the beta here:

Best regards!

[NDCallahan]

Did this die? I don’t see it anymoer.

[kennedyp]

Hi @NDCallahan & @TheChrisLambert -- this does exist in the updated form tool. Add steps to forms

[TheChrisLambert]

Does this still exist?