> 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/~/revisions/KRfi0fHdeAFeAhiPrH7G/form-setup/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.

### ⭐ 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="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FHUY6813IRtqNCFjM2vjh%2Fimage.png?alt=media&amp;token=041b183c-5ef4-4f85-b78c-b524fc1530fb" 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="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FtBZux1vDIlamQXkLvsJE%2Fimage.png?alt=media&amp;token=50997428-1794-4cfb-81d3-89a1da2a9e3e" 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="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FQZmNzVeHmnvkRpEsqxPi%2Fimage.png?alt=media&amp;token=e5f6b102-18e1-476c-ab89-b32925f7bf7c" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FL9BmRk8tSbJb6RWXghiA%2Fimage.png?alt=media&amp;token=db5c1e01-1384-4f09-ae11-e81b0e4cbaa4" 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="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FmX0YH9WgAEOrSHSLWrg0%2Fimage.png?alt=media&amp;token=c6e5ec91-2a9e-421c-926a-cb5930f1469b" 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 6 — 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)

### 🧠 Optional — Add Conditional Logic (Show/Hide Steps)

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)

<br>