> For the complete documentation index, see [llms.txt](https://docs.powerfulform.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.powerfulform.com/build-your-form/multi-step-form.md).

# Multi-step form

A **Multi-Step Form** splits long forms into smaller pages (steps), making them easier to complete and less overwhelming.\
This guide shows you how to create, customize, and manage a multi-step form in just a few minutes.

## 🛠️ Steps create a Multi-step form

### 📝 Step 1: Create or Open Your Form

1. From the admin site of the app, click **Forms** > click **Create new form** button
2. Select **Multi-step** form

<figure><img src="/files/bot7kWeuxKDamdikMFDC" alt=""><figcaption></figcaption></figure>

***

### 📝 Step 2: Add More Steps to Your Form

The the form app, "step," "page," and "group" are used interchangeably.​

<figure><img src="/files/a4fBJDkhDX2zIR356cnk" alt=""><figcaption></figcaption></figure>

#### ➕ Add a step/page

our form starts with a single default step (Page 1,2,3).\
To add more steps:

1. Click **Add page** in the left sidebar.
2. A new step (Page 4, Page 5, etc.) will appear.
3. Drag and reorder pages if needed.

<figure><img src="/files/namK7hMiEVHs6ZZsBzPV" alt=""><figcaption></figcaption></figure>

Click on the page name > the page preview will display on the right

<figure><img src="/files/HcMopt50u0bFsPaicKeq" alt=""><figcaption></figcaption></figure>

#### Remove a step/page

To remove one step on the form > click on the page name > click **Remove** text at the left bottom

<figure><img src="/files/i7Bpuwy2l3KqdOdyZmMR" alt=""><figcaption></figcaption></figure>

***

### 📝 Step 3: Add Fields to Each Step

Click on a step → then add the form fields you want on that step.

Tips:

* Keep Step 1 simple (e.g., name, email).
* Put extra details or optional fields on later steps.
* Use short text + clear labels.

***

### 📝 Step 4: Preview Your Multi-Step Form

Click the **Desktop / Mobile preview icons** at the top-right to see how users will move through the steps.

Check:

* Step transitions
* Field spacing
* Progress bar display
* Mobile responsiveness

***

### 📝 Step 5: Publish Your Multi-Step Form

Once everything looks good:

1. Click **Publish**
2. Choose where to display your form (page, product, popup, floating form, etc.)

[Learn more](https://docs.powerfulform.com/form-setup/display-a-form-on-a-specific-page)

***

### 📝 Add Conditional Logic (Optional)

You can make your multi-step form even smarter:

* Show a step *only* if the user chooses a certain answer
* Skip steps automatically to shorten the form

[Learn more](https://globosoftware.net/kb/how-to-create-conditional-logic-form/#ch_2)

***

## 🧩 How It Works on Your Storefront

When a **Multi-Step Form** is published, customers don’t see all questions at once.\
Instead, the form is broken into **clear steps**, making it easier and faster to complete.

* **Start the form**

The customer opens the page and sees the **first group of questions only**\
(e.g. name, email, phone).

They fill in the fields and click **Next**.

<figure><img src="/files/Kb30Sj9sXSqVSSB1CBsM" alt=""><figcaption></figcaption></figure>

* **Continue to the next section**

After clicking **Next**, the form smoothly moves to the next step

<figure><img src="/files/pAYE3bNhX4uBXndEsxgJ" alt=""><figcaption></figcaption></figure>

* **Last page**

On the final step, the customer completes the last questions and clicks **Submit**.

<figure><img src="/files/gKqu102DFH5vhX6b6OLk" alt=""><figcaption></figcaption></figure>

* **Once submitted:**

All steps are combined into one submission

Data is sent to your app, email notifications, and integrations (if enabled)

***

#### Need More Help?

If you still need assistance, please contact us at <contact@globo.io>. Our team will be happy to help you resolve any issues or guide you further.<br>