# Multi step/page forms

**URL:** <https://community.hubspot.com/t/multi-step-page-forms/1574>\
**Category:** HubSpot Ideas\
**Tags:** forms\
**Created:** [April 10, 2017, 3:37pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574 "2017-04-10T15:37:36Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Shay](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/shay/32/54226_2.png) [@Shay](https://community.hubspot.com/u/Shay)\
**Post date:** [April 10, 2017, 3:37pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/1 "2017-04-10T15:37:36Z")

</div>

[Migrated from legacy feedback forum with 14 votes.](http://ideas.hubspot.com/forums/76407-general-hubspot-ideas/suggestions/4365091-multi-step-page-forms)

The ability to break forms up into 2-3 steps. Gradually asking for more information would be useful. See Unbounce’s feature:  
[http://support.unbounce.com/entries/20279381-How-to-set-up-a-multi-step-form](http://support.unbounce.com/entries/20279381-How-to-set-up-a-multi-step-form)

Their are plenty of studies to suggest that these can increase long form conversions.

[http://www.surveygizmo.com/survey-blog/increase-conversions-lead-generation-forms/](http://www.surveygizmo.com/survey-blog/increase-conversions-lead-generation-forms/)

---

<div class="post-metadata">

**Author:** ![willcurran](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/willcurran/32/191419_2.png) [@willcurran](https://community.hubspot.com/u/willcurran)\
**Post date:** [April 16, 2017, 11:19pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/2 "2017-04-16T23:19:48Z")

</div>

If you do this, definitely should have a form “abandonment” where if someone stops half way through.

---

<div class="post-metadata">

**Author:** ![jsnstephenson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jsnstephenson/32/19707_2.png) [@jsnstephenson](https://community.hubspot.com/u/jsnstephenson)\
**Post date:** [June 22, 2018, 1:24pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/3 "2018-06-22T13:24:35Z")

</div>

This feature would be extremely helpful. This is one of the reasons we still use Unbounce.

---

<div class="post-metadata">

**Author:** ![derekcavaliero](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/derekcavaliero/32/24634_2.png) [@derekcavaliero](https://community.hubspot.com/u/derekcavaliero)\
**Post date:** [August 2, 2018, 12:02pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/4 "2018-08-02T12:02:50Z")

</div>

@jsnstephenson @willcurran I’m working on a solution for this kind of functionality.

If you ask HubSpot here are their current “solutions”:

1. Create one huge form with smart fields that redirects back to itself (clunky UX).
2. Create X amount of forms and redirect to new landing pages with each submission (clunky UX and creates unecessary LP clutter).

These really aren’t great solutions - making a user reload the page inbetween each submission isn’t ideal (especially on slower loading sites).

WebMechanix built a prototype that takes #2 from above but with the following upgrades:

1. Removes the need for refreshing/redirecting to a new page on each step
2. Adds the capability to go backwards to previous steps
3. Google Analytics event and virtual pageview tracking built in - (for creating Goal funnels to see abandonment).
4. Ability to use conditional fields between each form step - (e.g: ask a true/false question on step 1 then show fields in steps 2/3 depending on the answer in step 1).

Here’s a blog post about the tool and a short video demo:

> **[TOOL: HubSpot Multi Step Form Generator (dynamic/progressive forms)](https://www.level.agency/perspectives/tool-hubspot-multi-step-form-generator-dynamic-progressive-forms/)**
>
> We're looking for feedback on a tool we've built to build multi-step HubSpot forms. We've found we can increase conversion rates by using a multi-step form.

We’re working on getting this into a working beta - but we need feedback first - would you be willing to fill out our feedback survey at the link above?

---

<div class="post-metadata">

**Author:** ![jsnstephenson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jsnstephenson/32/19707_2.png) [@jsnstephenson](https://community.hubspot.com/u/jsnstephenson)\
**Post date:** [August 2, 2018, 1:54pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/5 "2018-08-02T13:54:56Z")

</div>

@derekcavaliero - Yeah, for sure. I’ll take a look this morning.

---

<div class="post-metadata">

**Author:** ![willcurran](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/willcurran/32/191419_2.png) [@willcurran](https://community.hubspot.com/u/willcurran)\
**Post date:** [August 5, 2018, 11:05pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/6 "2018-08-05T23:05:48Z")

</div>

Ooo this is interesting, so it uses Hubspots forms but just creates a chain?

---

<div class="post-metadata">

**Author:** ![derekcavaliero](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/derekcavaliero/32/24634_2.png) [@derekcavaliero](https://community.hubspot.com/u/derekcavaliero)\
**Post date:** [August 10, 2018, 6:59pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/7 "2018-08-10T18:59:17Z")

</div>

@willcurran yep, and with some bells and whistles for better UX built in. Let me know your thoughts 😄

---

<div class="post-metadata">

**Author:** ![ndwilliams3](https://avatars.discourse-cdn.com/v4/letter/n/c4cdca/32.png) [@ndwilliams3](https://community.hubspot.com/u/ndwilliams3)\
**Post date:** [August 25, 2018, 7:11pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/8 "2018-08-25T19:11:06Z")

</div>

was reading a post on Hubspot’s blog last week and noticed they are using an awesome new CTA format with an inline multistep form. Love the work. Hubspot, please share! A tutorial wound be awesome. Would love to see this added to the platform.

[https://blog.hubspot.com/marketing/landing-page-examples-list?](https://blog.hubspot.com/marketing/landing-page-examples-list?%C2%A0)

 ![Screen Shot 2018-08-22 at 11.33.34 AM.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/1/a1ee34b05f897537d107b0cadd68efeb96302d2c.jpeg)

---

<div class="post-metadata">

**Author:** ![Samanthamyers](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/samanthamyers/32/58551_2.png) [@Samanthamyers](https://community.hubspot.com/u/Samanthamyers)\
**Post date:** [August 27, 2018, 4:52am UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/9 "2018-08-27T04:52:03Z")

</div>

Yes, we despersltey need this to help optimize conversions. At this stgae we’re looking at using a tool called LeadFormly then feeding that data into hubspot.

It’s a real shame they don’t have this feature.

---

<div class="post-metadata">

**Author:** ![Samanthamyers](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/samanthamyers/32/58551_2.png) [@Samanthamyers](https://community.hubspot.com/u/Samanthamyers)\
**Post date:** [August 27, 2018, 4:59am UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/10 "2018-08-27T04:59:30Z")

</div>

hmmm, just stumbled across this multi-step form - it looks like they’re using Hubspot. If I look at ‘Inspect Element’ - it seems to be the same form on both pages too.

Anyone have any ideas how this is executed? [Request A Call - Namely](https://www.namely.com/demo/)

---

<div class="post-metadata">

**Author:** ![derekcavaliero](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/derekcavaliero/32/24634_2.png) [@derekcavaliero](https://community.hubspot.com/u/derekcavaliero)\
**Post date:** [August 27, 2018, 2:27pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/11 "2018-08-27T14:27:08Z")

</div>

@Samanthamyers

Looks like they built a custom form that posts the data over to HubSpot directly via the API. Building a multi-step form is easy and doable if you have the techinical abilities to build it yourself - but if you want to use the native embeddable forms they don’t have a feature yet.

@ndwilliams3 I also came across that blog post and new CTA and asked our partner rep about it and they said it was something custom built and isn’t planned to be part of the core product 😕

---

<div class="post-metadata">

**Author:** ![ndwilliams3](https://avatars.discourse-cdn.com/v4/letter/n/c4cdca/32.png) [@ndwilliams3](https://community.hubspot.com/u/ndwilliams3)\
**Post date:** [August 28, 2018, 2:43pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/12 "2018-08-28T14:43:39Z")

</div>

@derekcavaliero Their form suggests that a multi-step is possible. A quick look at the code suggests it’s a complex hack of the existing form.

Did your partner rep give you any technical details on the implementation?

---

<div class="post-metadata">

**Author:** ![ndwilliams3](https://avatars.discourse-cdn.com/v4/letter/n/c4cdca/32.png) [@ndwilliams3](https://community.hubspot.com/u/ndwilliams3)\
**Post date:** [August 28, 2018, 2:49pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/13 "2018-08-28T14:49:45Z")

</div>

@derekcavaliero I took a look at your post on multi-step forms and it looks promising! Do you have a working beta yet? I’m needing a multi-step form and pressed for time, so developing something myself is not really an option at the moment.

---

<div class="post-metadata">

**Author:** ![LauraTufis](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/lauratufis/32/54472_2.png) [@LauraTufis](https://community.hubspot.com/u/LauraTufis)\
**Post date:** [November 2, 2018, 3:11pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/14 "2018-11-02T15:11:51Z")

</div>

Agreed! It would be really helpful if HubSpot offered the possibility to create multi-step forms directly through their system.

---

<div class="post-metadata">

**Author:** ![YTopor](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ytopor/32/59112_2.png) [@YTopor](https://community.hubspot.com/u/YTopor)\
**Post date:** [January 11, 2019, 9:42pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/15 "2019-01-11T21:42:45Z")

</div>

I’m struggling to find an external form that has multi-step logic jumps and is compatible with Hubspot. I read above that Samanthamyers tried Leadformly. How did it work out in terms of integrations with Hubspot?

I tried Typeform but we don’t really like the look of it, we would rather prefer a regular form design.

Any help is highly appreciated.

Thanks,

Yulya

---

<div class="post-metadata">

**Author:** ![Tom](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tom/32/92158_2.png) [@Tom](https://community.hubspot.com/u/Tom)\
**Post date:** [February 26, 2019, 3:08pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/16 "2019-02-26T15:08:28Z")

</div>

Empty

---

<div class="post-metadata">

**Author:** ![system](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/system/32/124_2.png) [@system](https://community.hubspot.com/u/system)\
**Post date:** [March 2, 2019, 9:53pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/17 "2019-03-02T21:53:21Z")

</div>

@YTopor

We have created one you may view it here:

> **[2007so太阳集团(中国区)官方网站-Online Platform](https://www.larmahil.com/hubspot-multi-step-form)**
>
> 2007so太阳集团♻️【0502.cc&0402.cc】♻️这里提供丰富的游戏选择、如电子游艺、棋牌和体育赛事。保护用户隐私和资金安全，体验专业的服务和多样的游戏玩法。

---

<div class="post-metadata">

**Author:** ![system](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/system/32/124_2.png) [@system](https://community.hubspot.com/u/system)\
**Post date:** [March 18, 2019, 8:35pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/18 "2019-03-18T20:35:44Z")

</div>

We have a module for this available in teh Hubspot Marketplace

[https://marketplace.hubspot.com/products/larmahil/multi-step-form-2](https://marketplace.hubspot.com/products/larmahil/multi-step-form-2)

---

<div class="post-metadata">

**Author:** ![jkeough78](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jkeough78/32/83064_2.png) [@jkeough78](https://community.hubspot.com/u/jkeough78)\
**Post date:** [October 16, 2019, 2:31am UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/19 "2019-10-16T02:31:31Z")

</div>

i suggest to take some inspiration from typeform. i’ve tested the conversion rates on their forms vs hubspot forms and other types of forms many times and it continues to win. although there are flaws with typeform too.

---

<div class="post-metadata">

**Author:** ![ndwilliams3](https://avatars.discourse-cdn.com/v4/letter/n/c4cdca/32.png) [@ndwilliams3](https://community.hubspot.com/u/ndwilliams3)\
**Post date:** [October 16, 2019, 1:08pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/20 "2019-10-16T13:08:51Z")

</div>

I am using @Anonymous module [2007so太阳集团(中国区)官方网站-Online Platform](https://www.larmahil.com/hubspot-multi-step-form) and it works great. I’m working on the css to style the radio inputs as buttons for a typeform look and feel similar to typeform. Was also going to look at adding an event handler to trigger the next event on select.

[Next page](https://community.hubspot.com/t/multi-step-page-forms/1574.md?page=2)
