# Multi Step Forms

**URL:** <https://community.hubspot.com/t/multi-step-forms/107259>\
**Category:** Lead Capture Tools\
**Tags:** forms\
**Created:** [May 15, 2024, 9:41pm UTC](https://community.hubspot.com/t/multi-step-forms/107259 "2024-05-15T21:41:41Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![SBiehle](https://avatars.discourse-cdn.com/v4/letter/s/dbc845/32.png) [@SBiehle](https://community.hubspot.com/u/SBiehle)\
**Post date:** [May 15, 2024, 9:41pm UTC](https://community.hubspot.com/t/multi-step-forms/107259/1 "2024-05-15T21:41:41Z")

</div>

How do I create a multi-step form similar to the offer form Hubspot is using on this page? [Complete SEO Starter Pack: Get Your Website and Blog Ranking](https://offers.hubspot.com/seo-starter-pack)

This dropdown overlay with wayfinding is pretty slick.

 ![Screenshot 2024-05-15 at 4.42.35 PM.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/f/d/fd90d637c39a0f04a30b60fb51eece4b55af6a51.png)

---

<div class="post-metadata">

**Author:** ![karstenkoehler](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/karstenkoehler/32/68554_2.png) [@karstenkoehler](https://community.hubspot.com/u/karstenkoehler)\
**Post date:** [May 16, 2024, 4:08am UTC](https://community.hubspot.com/t/multi-step-forms/107259/2 "2024-05-16T04:08:01Z")

</div>

Hi @SBiehle,

With HubSpot itself, this is currently not possible, as far as I know. The product team is however actively working on multi-step form as you can see here: [https://www.youtube.com/watch?v=2Bo3T-nQ2WI](https://www.youtube.com/watch?v=2Bo3T-nQ2WI)

A few more weeks / months and we should probably get a beta for multi-step forms.

Best regards!

---

<div class="post-metadata">

**Author:** ![SBiehle](https://avatars.discourse-cdn.com/v4/letter/s/dbc845/32.png) [@SBiehle](https://community.hubspot.com/u/SBiehle)\
**Post date:** [May 16, 2024, 2:37pm UTC](https://community.hubspot.com/t/multi-step-forms/107259/3 "2024-05-16T14:37:06Z")

</div>

Thanks, Karsten. I figured this was a case of not drinking their own recipe or not sharing the recipe they were drinking from (yet). So we’ll keep our eyes open for this update.

---

<div class="post-metadata">

**Author:** ![DavidVoigt](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/davidvoigt/32/47231_2.png) [@DavidVoigt](https://community.hubspot.com/u/DavidVoigt)\
**Post date:** [June 26, 2024, 1:04pm UTC](https://community.hubspot.com/t/multi-step-forms/107259/4 "2024-06-26T13:04:26Z")

</div>

Now in private beta:  
[Multi-Step Forms in the new Forms Editor](https://app.hubspot.com/product-updates/l/?query=multi&update=13925235)

---

<div class="post-metadata">

**Author:** ![theDMM](https://avatars.discourse-cdn.com/v4/letter/t/9de0a6/32.png) [@theDMM](https://community.hubspot.com/u/theDMM)\
**Post date:** [July 26, 2024, 10:05pm UTC](https://community.hubspot.com/t/multi-step-forms/107259/5 "2024-07-26T22:05:34Z")

</div>

Hi David, the link you provided is broken.

---

<div class="post-metadata">

**Author:** ![theDMM](https://avatars.discourse-cdn.com/v4/letter/t/9de0a6/32.png) [@theDMM](https://community.hubspot.com/u/theDMM)\
**Post date:** [July 26, 2024, 10:59pm UTC](https://community.hubspot.com/t/multi-step-forms/107259/6 "2024-07-26T22:59:39Z")

</div>

Hi David, if there is a way to gain access to the new multi-step forms please let me know how I can do this. Thank you.

---

<div class="post-metadata">

**Author:** ![DavidVoigt](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/davidvoigt/32/47231_2.png) [@DavidVoigt](https://community.hubspot.com/u/DavidVoigt)\
**Post date:** [July 29, 2024, 7:53am UTC](https://community.hubspot.com/t/multi-step-forms/107259/7 "2024-07-29T07:53:45Z")

</div>

Hey @theDMM you can replace the “|” in the URL with your Hub Id, provided you’re on a US portal. However, the private Beta has now been rolled out to portals of all Hubs and Tiers, so you should see it now. When you’re creating a new form, you will be prompted on whether you want to use the new form editor.  
Let me know if you need any additional info, I’ll be happy to help.

---

<div class="post-metadata">

**Author:** ![theDMM](https://avatars.discourse-cdn.com/v4/letter/t/9de0a6/32.png) [@theDMM](https://community.hubspot.com/u/theDMM)\
**Post date:** [July 29, 2024, 3:22pm UTC](https://community.hubspot.com/t/multi-step-forms/107259/8 "2024-07-29T15:22:31Z")

</div>

Hi David,

Thanks for clarifying. I’ve used the link and requested access to the beta multi-step forms.

I am hoping (once we’re approved) that the multi-step form reporting capabilities are as straightforward as Klaviyo’s multi-step forms - It is very convenient to see the conversion rate/drop-off on each step on a bar chart.

---

<div class="post-metadata">

**Author:** ![theDMM](https://avatars.discourse-cdn.com/v4/letter/t/9de0a6/32.png) [@theDMM](https://community.hubspot.com/u/theDMM)\
**Post date:** [July 31, 2024, 6:56pm UTC](https://community.hubspot.com/t/multi-step-forms/107259/9 "2024-07-31T18:56:24Z")

</div>

@DavidVoigt @karstenkoehler I now have access to the multistep form.

However, there are a couple of issues I’ve encountered with styling the form:

1) You cannot change the position (i.e., centered, left-align, right-align) nor the size (i.e., full-width) of the buttons. We can adjust the padding for ALL buttons, but this is not ideal since it affects the ‘previous’ and ‘next’ buttons on the following steps. See screenshot below:

 ![theDMM_2-1722451604407.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/4/b/4b839007529de7d92ba6fedb135c28e41a49f5b1.jpeg)

2) You cannot remove the ‘Previous’ button on steps after step 1. See screenshot below:

 ![theDMM_1-1722451585937.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/5/5a6d975c6dc794a64bc161318a8ab559d7ac6eb6.jpeg)

3) The analytics/report seems unclear for multistep forms. It currently shows page visits, visible on screen, interacted with, and submitted metrics. These metrics don’t provide the (1) total number of viewers and (2) conversion rates, nor the (3) user drop-off on each step. Having the aforementioned metrics for each step would make it much easier to visualize and optimize the performance of each step on the respective form.

 ![theDMM_3-1722451955430.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/0/5/05fb4f8bb13075962ba19f9bb81647b144c917de.png)

4) Formatting such as image position etc should be separate for mobile and desktop devices. Currently, when making the form look nice on a desktop, it looks terrible on mobile and vice versa.

@SBiehle With the points above, which I find to be imperative for multi-step forms, I hope to leave this ticket as having no solution yet.

Hopefully, HubSpot will make these adjustments to the multi-step forms.

If I’ve overlooked anything or if you have any recommendations, I would appreciate it. Thank you.
