# 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 [**support@powerfulform.com**](mailto:support@powerfulform.com). Our team will be happy to help you resolve any issues or guide you further.<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/build-your-form/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.
