# 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="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FHUY6813IRtqNCFjM2vjh%2Fimage.png?alt=media&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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 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="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FHmStJh0647rffGdGvrTd%2F2025-12-12_16-20-35.png?alt=media&#x26;token=5cda98f0-7f28-40fb-8525-a9ef8ad5e4ff" alt=""><figcaption></figcaption></figure>

* **Continue to the next section**

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

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2Fb47cWxOSls91CiXOjH4n%2F2025-12-12_16-20-49.png?alt=media&#x26;token=719cd30d-6727-4ab9-ad0c-520e22d5ac01" alt=""><figcaption></figcaption></figure>

* **Last page**

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

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FvugMYCjlMKqi8Y3aQ41s%2F2025-12-12_16-21-16.png?alt=media&#x26;token=e39e73f7-3a10-4918-b9c0-8cfa94e15b74" 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>
