---
title: "How to Create a Multi Step Form in WordPress?"
url: https://nexterwp.com/docs/create-a-multi-step-form-in-wordpress/
date: 2026-09-08
modified: 2026-09-28
lang: en
author: "Aditya Sharma"
description: "A long form feels shorter when it is split into a few simple steps, so more people finish it. The Form block in Nexter Blocks Pro can turn any form..."
word_count: 423
---

# How to Create a Multi Step Form in WordPress?

## Key Takeaways

- Nexter Blocks Pro convierte el bloque Form en un formulario de varios pasos con indicador de progreso, y la opción Design from Scratch permite elegir Multi Step Form.
- El formulario empieza con tres pasos, y cada paso usa un bloque Form Step para contener sus propios campos; el botón Submit se coloca debajo del último paso.
- Multi Step Progress ofrece estilos como Checkmark Timeline, Dot Timeline, Numbered Tabs, Progress Pill, Chevron Steps e Icon Tiles, y también controla Show Progress Bar, Hide Unavailable Steps, Show Step Labels, Space Below Progress y Connector Thickness.

A long form feels shorter when it is split into a few simple steps, so more people finish it.

The Form block in Nexter Blocks Pro can turn any form into a multi step form with a progress indicator.

*For every Form setting in one place, see the [Form block guide](https://nexterwp.com/docs/add-a-form-in-wordpress/).*

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/)

## Before You Start

- **Edition:** **Pro** — Multi Step Form needs Nexter Blocks Pro.- **Block to enable:** Form, switched on under **Nexter > Blocks** in your WordPress dashboard.

## Create the Multi Step Form

- Add the **Form** block, click **Design from Scratch** and choose **Multi Step Form**.

- The form starts with three steps. Each step is a **Form Step** block holding its own fields.

![A multi step form in the editor with About you, Details and Finish steps](https://nexterwp.com/wp-content/uploads/2026/08/nxt-form-multistep-form-canvas.webp)

- Add fields inside each step with the **+** button, and move the Submit button below the last step.

- Select a Form Step block to name the step and, if you like, give it an icon or image instead of the step number.

## Choose the Progress Style

Select the Form block and open **Multi Step Progress**.

![The Multi Step Progress panel with six Step Navigation Style designs](https://nexterwp.com/wp-content/uploads/2026/08/nxt-form-msp-panel-a-v2.webp)

| Setting | What it does |
| ------- | ------------ |
| Step Navigation Style | Checkmark Timeline (default), Dot Timeline, Numbered Tabs, Progress Pill, Chevron Steps or Icon Tiles |
| Show Progress Bar | Shows or hides the whole step indicator |
| Hide Unavailable Steps | Hides steps the visitor has not reached yet |
| Show Step Labels | Shows or hides step names (not available for Progress Pill) |
| Space Below Progress | Gap between the indicator and the fields |
| Connector Thickness, Connector Line | Thickness and colour of the line between steps |

![More Multi Step Progress options: Show Progress Bar, Hide Unavailable Steps and Show Step Labels](https://nexterwp.com/wp-content/uploads/2026/08/nxt-form-msp-panel-b-v2.webp)

The **Step Circles** and **Step Labels** panels style the markers and step names, with separate colours for upcoming, current and completed steps. In **Step Buttons** you can change the **Back Button Text** and **Next Button Text**, the **Space Above Buttons**, and the button styles.

## How It Behaves

- Visitors see one step at a time and move with **Next** and **Back**.- Required fields are checked when the visitor clicks Next, and the message appears on that step.- All steps are sent as one submission, so actions such as Email receive every field.- Conditional logic keeps working across steps.

## Limitations

- **Pro only.** The free plugin offers only Simple Contact Form and Newsletter Form.- Some progress options only apply to certain styles, so the panel hides the ones that do not affect your design.

## Troubleshooting

### Next does not move to the following step

A required field on the current step is empty or invalid. Check the message under the field.

### A step has no name in the progress bar

Select that Form Step block and fill in its Label.

## Related Docs

- [Form block: all settings](https://nexterwp.com/docs/add-a-form-in-wordpress/)- [Add conditional logic to a form](https://nexterwp.com/docs/add-conditional-logic-in-wordpress-form/)- [Receive a custom email for each submission](https://nexterwp.com/docs/receive-custom-email-confirmation-from-wordpress-form/)

## Frequently Asked Questions

**Q: What do I need before creating a multi step form in WordPress?**
A: Nexter Blocks Pro is the key requirement, because Multi Step Form is a Pro-only feature. The Form block also has to be enabled under Nexter > Blocks in your WordPress dashboard. That matters because the multi-step setup is built on the Form block, not a separate form system. If you are just using the free plugin, you only get Simple Contact Form and Newsletter Form.

**Q: How do I turn a WordPress form into a multi step form?**
A: The Form block in Nexter Blocks Pro can be switched into Multi Step Form from Design from Scratch. The form starts with three steps, and each step is its own Form Step block with fields inside it. A practical detail here is that the Submit button belongs below the last step, so the form behaves like one submission instead of several separate forms. See the [Form block guide](https://nexterwp.com/docs/add-a-form-in-wordpress/).

**Q: What progress bar styles can I use for a multi step form?**
A: Nexter Blocks Pro offers several progress styles: Checkmark Timeline, Dot Timeline, Numbered Tabs, Progress Pill, Chevron Steps, and Icon Tiles. The style choice matters because some settings only apply to certain designs, and the panel hides options that do not affect your selected style. If you want step names visible, note that Show Step Labels is not available for Progress Pill.

**Q: Why does my Next button not move to the following step?**
A: A required field on the current step is usually blocking progress. Required fields are checked when the visitor clicks Next, and the message appears on that same step instead of letting them continue. That behavior is useful because it keeps errors local to the step where they happen, so users do not get sent forward with incomplete data.

**Q: Can conditional logic work across multiple steps in a WordPress form?**
A: Conditional logic keeps working across steps in Nexter Blocks Pro. That means a field on one step can still affect what happens later in the form, which is important for longer forms where answers change the path. Since all steps are sent as one submission, actions such as Email receive every field from every step. For more detail, see [Add conditional logic to a form](https://nexterwp.com/docs/add-conditional-logic-in-wordpress-form/).

**Q: What happens when someone submits a multi step form?**
A: All steps are sent as one submission, not as separate partial forms. That means actions such as Email receive every field collected across the full flow, which is useful when you need one complete record instead of fragmented data. The setup also keeps visitors focused by showing one step at a time with Next and Back, which is why long forms feel shorter and usually get finished more often.