# How to create a multi-step one page form in bubble.io

**URL:** <https://forum.bubble.io/t/how-to-create-a-multi-step-one-page-form-in-bubble-io/162432>\
**Category:** Need help\
**Created:** [July 30, 2021, 3:56pm UTC](https://forum.bubble.io/t/how-to-create-a-multi-step-one-page-form-in-bubble-io/162432 "2021-07-30T15:56:40Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Priyanshu-Goyal](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/priyanshu-goyal/32/182597_2.png) [@Priyanshu-Goyal](https://forum.bubble.io/u/Priyanshu-Goyal)\
**Post date:** [July 30, 2021, 3:56pm UTC](https://forum.bubble.io/t/how-to-create-a-multi-step-one-page-form-in-bubble-io/162432/1 "2021-07-30T15:56:40Z")

</div>

Hi bubblers ,

I am creating a multi step form where users can fill it but step by like step, step2, etc on the same page. Screenshot is below attached

How i can create it using custom states or any other method will help.

 ![HubSpot Multi-Step Form Slider](https://us1.discourse-cdn.com/bubble/original/3X/3/0/3085d0a0d64d3a417d2af788494311f61b1ef267.jpeg)

Thank you  
Priyanshu goyal  
Founder at nocodeify.in

---

<div class="post-metadata">

**Author:** ![alessandro](https://avatars.discourse-cdn.com/v4/letter/a/ac91a4/32.png) [@alessandro](https://forum.bubble.io/u/alessandro)\
**Post date:** [July 30, 2021, 4:02pm UTC](https://forum.bubble.io/t/how-to-create-a-multi-step-one-page-form-in-bubble-io/162432/2 "2021-07-30T16:02:54Z")

</div>

When clicked on “next” you initiate a workflow that changes the pages state (can be a simple text state) to for example “step2” then “step3” then “step4”.

Then you build several groups containing the form content of each step and add a condition to it stating “when page´s state is step2 (the one that belongs in here)” this group is visible.  
(needs to be ticked)

There is a good bubble intro video for states which I would watch to get the concept.

---

<div class="post-metadata">

**Author:** ![Priyanshu-Goyal](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/priyanshu-goyal/32/182597_2.png) [@Priyanshu-Goyal](https://forum.bubble.io/u/Priyanshu-Goyal)\
**Post date:** [July 30, 2021, 4:06pm UTC](https://forum.bubble.io/t/how-to-create-a-multi-step-one-page-form-in-bubble-io/162432/3 "2021-07-30T16:06:46Z")

</div>

I understood your solution but do you think it is the best approach for creating multi step form and save data to my database

---

<div class="post-metadata">

**Author:** ![alessandro](https://avatars.discourse-cdn.com/v4/letter/a/ac91a4/32.png) [@alessandro](https://forum.bubble.io/u/alessandro)\
**Post date:** [July 30, 2021, 4:15pm UTC](https://forum.bubble.io/t/how-to-create-a-multi-step-one-page-form-in-bubble-io/162432/4 "2021-07-30T16:15:28Z")

</div>

Multi step forms are a kind of standard case for states. You can save all the data in the last step and all fields, although not visible in the last step, are accessible to save. In terms of load speed it is highly performant as no new pages are involved that need to send data to each other.

---

<div class="post-metadata">

**Author:** ![Priyanshu-Goyal](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/priyanshu-goyal/32/182597_2.png) [@Priyanshu-Goyal](https://forum.bubble.io/u/Priyanshu-Goyal)\
**Post date:** [July 30, 2021, 4:42pm UTC](https://forum.bubble.io/t/how-to-create-a-multi-step-one-page-form-in-bubble-io/162432/5 "2021-07-30T16:42:33Z")

</div>

Yes! Great for great user experience. Thank you so much for your solution

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [October 8, 2021, 3:57pm UTC](https://forum.bubble.io/t/how-to-create-a-multi-step-one-page-form-in-bubble-io/162432/6 "2021-10-08T15:57:02Z")

</div>

This topic was automatically closed after 70 days. New replies are no longer allowed.
