# 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:** 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, 1:47pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/21 "2019-10-16T13:47:03Z")

</div>

Thanks @ndwilliams3 for the idea! I might try that although that @Anonymous form doesn’t look very good on mobile (see screenshot).

 ![Screenshot_20191016-092852.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/2/2d5e9b7952dca296aacc87834df07ce97672f7af.png)

---

<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:** [October 16, 2019, 2:03pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/22 "2019-10-16T14:03:09Z")

</div>

@jkeough78 We are aware of the issues on the smallest screensize, and have not been able to resolve the issues with Hubspot. Unfortunately its Hubspot side of the code which controls the CSS linebreaks, we know where the conflict is, we just can’t get in there to resolve. However, we work diligently with all those who purchase the module to make it the best possible fit for there needs.

---

<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, 3:37pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/23 "2019-10-16T15:37:33Z")

</div>

The styling needs some work, but a little CSS can fix that. That is what i’ve been working on. However, the javascript and logic behind the module is sound. It’s a much better solution than using progressive profiling or redirecting to multiple forms. If you have more than 3 steps, the progress bullets can be problematic on mobile as well. Perhaps @Anonymous could look at adding a progress bar option to the module?

---

<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, 3:52pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/24 "2019-10-16T15:52:35Z")

</div>

@Anonymous and @ndwilliams3, thanks for all the help on this. No doubt the LarmaHil solution looks pretty good! I’ll take a look but I’d bet the mobile styling could be improved. If all else fails, just remove the steps icons completely. Thanks again.

---

<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:** [October 16, 2019, 4:13pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/25 "2019-10-16T16:13:29Z")

</div>

Before the moderators jump on and accuse us of getting off-topic, I accept personal messages with comments or questions about our form modules. I would be happy to share any solutions we have come up or receive suggestions for custom features there. @ndwilliams3 I’m glad you are enjoying the module @jkeough78 I hope to work with you soon!

---

<div class="post-metadata">

**Author:** ![alexgendes](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/alexgendes/32/64675_2.png) [@alexgendes](https://community.hubspot.com/u/alexgendes)\
**Post date:** [March 26, 2020, 5:46pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/26 "2020-03-26T17:46:29Z")

</div>

This would be extremely helpful when trying to split out long forms.

---

<div class="post-metadata">

**Author:** ![Stanz](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stanz/32/87894_2.png) [@Stanz](https://community.hubspot.com/u/Stanz)\
**Post date:** [June 4, 2020, 9:02am UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/27 "2020-06-04T09:02:08Z")

</div>

Hubspot, it would be great if you could create this option for us! We need it badly.

---

<div class="post-metadata">

**Author:** ![wmcstudios](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/wmcstudios/32/21949_2.png) [@wmcstudios](https://community.hubspot.com/u/wmcstudios)\
**Post date:** [July 2, 2020, 2:08am UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/28 "2020-07-02T02:08:44Z")

</div>

Hey HubSpot, I’d like to add my vote to this feature. I’m creating a brand assessment that’s very helpful for clients after they’ve reached the exploratory phase of our sales process. Currently it’s broken into 4 separate pages and forms, each linked to the next. This is a clunky solution… it would be fantastic to link forms together into one form with abandonment pickup for when the visitor revisits the form. A stepped process could utilize javascript to call additional form fields when a “next” button is clicked, or adding the ability to “link” forms together into one giant form would be great (but a little more work-intensive for hubspot partners to embed in congruent progressive pages).

Please add this feature to keep our plugin stack low! This is why we love platforms! 🙂

---

<div class="post-metadata">

**Author:** ![edstennett](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/edstennett/32/105568_2.png) [@edstennett](https://community.hubspot.com/u/edstennett)\
**Post date:** [December 10, 2020, 9:49pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/29 "2020-12-10T21:49:41Z")

</div>

Is there an update on this? Coming up to the two-year anniversary since it’s been in planning… currently having to hack our way through implementing this.

---

<div class="post-metadata">

**Author:** ![MissTipsi](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/misstipsi/32/44503_2.png) [@MissTipsi](https://community.hubspot.com/u/MissTipsi)\
**Post date:** [January 25, 2021, 5:35pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/30 "2021-01-25T17:35:25Z")

</div>

God, yeah, I saw this was “in planning” and thought great…clearly the community forum is even less up to date than i thought…

---

<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:** [January 25, 2021, 5:38pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/31 "2021-01-25T17:38:55Z")

</div>

There are several multi-step form options available through the marketplace now. [2007so太阳集团(中国区)官方网站-Online Platform](https://www.larmahil.com/hubspot-asset-marketplace/multi-step-form)

---

<div class="post-metadata">

**Author:** ![MissTipsi](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/misstipsi/32/44503_2.png) [@MissTipsi](https://community.hubspot.com/u/MissTipsi)\
**Post date:** [January 26, 2021, 8:06am UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/32 "2021-01-26T08:06:23Z")

</div>

HI @Anonymous does it support languages other than English in terms of “next” text for next step?

Also, from what I see it involves template editing in design manager as opposed to being able to drag and drop the module freely into place from the page editor itself, is that right? Be preferable if was available straight from the page editor across whatever theme is being used.

---

<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:** [January 26, 2021, 2:07pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/33 "2021-01-26T14:07:16Z")

</div>

No design manager edits required, work across all themes as per marketplace QA practices. Steps are a simple text field so place any language you like.

---

<div class="post-metadata">

**Author:** ![YiRui\_Chua](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/yirui_chua/32/23766_2.png) [@YiRui\_Chua](https://community.hubspot.com/u/YiRui_Chua)\
**Post date:** [March 12, 2021, 7:38am UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/34 "2021-03-12T07:38:06Z")

</div>

Commenting for a customer here:  
Hi team, understand this is more for multi step form on hubspot  
But can we have an easy fix to pull in nonhubspot multi step forms? We always tell our customer to use other 3rdparty forms but they are useless if the data can’t be linked to hubspot

---

<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 12, 2021, 2:08pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/35 "2021-03-12T14:08:15Z")

</div>

[@YiRui\_Chua](https://community.hubspot.com/t5/user/viewprofilepage/user-id/156962) have you looked at the WordPress multistep form plugin? this is the same module we use for CMS pages converted to a WordPress plugin [2007so太阳集团(中国区)官方网站-Online Platform](https://www.larmahil.com/wordpress-plugin/hubspot-multi-step-form)

---

<div class="post-metadata">

**Author:** ![Ella\_BTT](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ella_btt/32/62359_2.png) [@Ella\_BTT](https://community.hubspot.com/u/Ella_BTT)\
**Post date:** [March 31, 2021, 10:31pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/36 "2021-03-31T22:31:10Z")

</div>

It looks like even the Hubspot team want this. They have custom made their own version when you click on “Download the Full 2021 Sales Enablement Report…” in the orange bar on this page.  
This is exactly what I would like but it has been custom created by hubspot so we can’t recreate it without getting a developer to make it. Can you make us a version too please?!! [The 2021 Sales Enablement Report: Sell Smarter, Grow Better](https://www.hubspot.com/sales-enablement-report)

 ![40226iA801CC6C973CE115.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/7/f/7f16e5037595cad4c208db3f49544c8f1a5f0908.jpeg)

---

<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:** [April 6, 2021, 1:04am UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/37 "2021-04-06T01:04:03Z")

</div>

That’s a great find [@Ella\_BTT](https://community.hubspot.com/t5/user/viewprofilepage/user-id/141269) !

I wonder if they used some other form app. Either way they know the value obviously and should work on this soon I hope.

---

<div class="post-metadata">

**Author:** ![elanashama](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/elanashama/32/48165_2.png) [@elanashama](https://community.hubspot.com/u/elanashama)\
**Post date:** [April 19, 2021, 7:42am UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/38 "2021-04-19T07:42:56Z")

</div>

I want to create multi-step forms that track the form completion in percentages. i.e. 25% completed, 50% completed, etc.

Does anyone have a solution for this?

I got the idea from a [HubSpot page.](https://www.hubspot.com/state-of-marketing?hubs_post-cta=pillar&utm_campaign=Marketing%20Blog%20Weekly%20Email%20Sends&utm_medium=email&utm_content=120094141&utm_source=hs_email&hubs_post=blog.hubspot.com%2Fmarketing%2Fmarketing-trends&_ga=2.71778771.1740883079.1618816759-764724509.1582469835&_conv_v=vi%3A1*sc%3A78*cs%3A1618816753*fs%3A1592810136*pv%3A97*exp%3A%7B100315353.%7Bv.100394323-g.%7B10033808.1-10033809.1-100310959.1%7D%7D%7D*ps%3A1618725969&_conv_s=si%3A78*sh%3A1618816752877-0.2293691056868976*pv%3A1)

In order to download the report, you need to fill out a form that shows the properties in stages, with form completion percentages.

---

<div class="post-metadata">

**Author:** ![Jonnydk](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jonnydk/32/24946_2.png) [@Jonnydk](https://community.hubspot.com/u/Jonnydk)\
**Post date:** [April 19, 2021, 8:00am UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/39 "2021-04-19T08:00:51Z")

</div>

Yes we need this!

---

<div class="post-metadata">

**Author:** ![erink1](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/erink1/32/29572_2.png) [@erink1](https://community.hubspot.com/u/erink1)\
**Post date:** [May 24, 2021, 7:57pm UTC](https://community.hubspot.com/t/multi-step-page-forms/1574/40 "2021-05-24T19:57:07Z")

</div>

Is there any update on this idea. It says in planning from 2019! Would love to see this LIVE!

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

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