# 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="/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 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.powerfulform.com/~/revisions/KRfi0fHdeAFeAhiPrH7G/form-setup/multi-step-form.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.