> 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/special-form-types/multi-step-forms.md).

# Multi-step forms

Split a long form into smaller steps so it is easier to complete and less overwhelming.

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.

In the app, **step**, **page** and **group** all mean the same thing.

## 📝 Steps to create a multi-step form

{% stepper %}
{% step %}

### Create or open your form

* Open the app > click **Forms** > click **Create new form**
* Select the **Multi-step** form

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-446fd1cd9f90ab07dcdbd16d7667f8740c5a6a62%2Fscreenshot-old-multi-step-form-1.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Add more steps to your form

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-1f01a7526247ad74d6fe2cede479488634f20a9e%2Fscreenshot-old-multi-step-form-2.png?alt=media" alt=""><figcaption></figcaption></figure>

#### **Add a step**

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

1. Click **Add page** in the left sidebar
2. A new step (Page 4, Page 5, and so on) appears
3. Drag to reorder pages if needed

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-28e03839579596243f8d43fda43e1fdf0deac805%2F2026-09-18_17-50-11.png?alt=media" alt=""><figcaption></figcaption></figure>

Click a page name and its preview opens on the right.

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-7619d7898af47d37e1e9c6f29127da619aaaddeb%2Fscreenshot-old-multi-step-form-4.png?alt=media" alt=""><figcaption></figcaption></figure>

#### **Remove a step**

Click the page name, then click **Remove** at the bottom left.

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-bd01d114b40967e61778f02d4aa74e3d8779816b%2Fscreenshot-old-multi-step-form-5.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Add fields to each step

Click a step, then add the form fields you want on it.

* Keep step 1 simple — name, email.
* Put extra details or optional fields on later steps.
* Use short text and clear labels.

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-fb1a70384f68e1d05e3b42eaef274b562cc26807%2F2026-09-18_17-51-07.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Preview your multi-step form

Click the **Desktop / Mobile preview icons** at the top right to see how people will move through the steps. Check the step transitions, field spacing, progress bar and mobile layout.
{% endstep %}

{% step %}

### Publish your multi-step form

Once everything looks good, click **Publish** and choose where to display the form — a page, a product. See [Display a form on a specific page](/display-and-placement/specific-page.md).
{% endstep %}
{% endstepper %}

## 📝 Add conditional logic (optional)

You can make a multi-step form smarter: show a step *only* when someone chooses a certain answer, or skip steps automatically to shorten the form. See [Set logic conditions for form](/build-your-form/conditional-logic.md).

## 💡 How it works on your storefront

When a multi-step form is published, customers do not see every question at once. The form is broken into clear steps, which makes it faster to finish.

* **Start the form.** The customer opens the page and sees the first group of questions only — name, email, phone. They fill them in and click **Next**.

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-a916a117d30e04609960de5437d3bbd0f5bc7715%2Fscreenshot-old-multi-step-form-6.png?alt=media" alt=""><figcaption></figcaption></figure>

* **Continue to the next section.** After **Next**, the form moves smoothly to the following step.

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-1de7d9960f6e341aa212cb8374c6f273b0c2ee2c%2Fscreenshot-old-multi-step-form-7.png?alt=media" alt=""><figcaption></figcaption></figure>

* **Last page.** On the final step the customer answers the last questions and clicks **Submit**.

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-138568664dbea323d45d7be31b7f5acab7da6f79%2Fscreenshot-old-multi-step-form-8.png?alt=media" alt=""><figcaption></figcaption></figure>

Once submitted, all steps are combined into a single submission, and the data goes to the app, your email notifications and your integrations.

{% hint style="info" %}
Multi-step form template can not show up as a popup form on the site.
{% endhint %}

## Next steps

* [Set logic conditions for form](/build-your-form/conditional-logic.md) — show or skip a step based on an answer.
* [Add and arrange elements](/build-your-form/add-and-arrange-elements.md) — move fields between steps.
* [Publish the form to a page](/getting-started/quickstart/publish-the-form.md) — put the finished form on your store.
