Create multi-page webforms | Civio CMS Knowledge Base       [ ![Civio Knowledge Base](/storage/branding/01KP4QF0THM695BDF2MG6TX3CY.svg) ](https://nginx.deploy-lagoon-production.districtcms-docs.dh1.amazee.io)  [Articles](/articles) [Releases](/releases)

   [Home](/)   [Knowledge base](/articles)   [Forms](/articles?category=8)

Create multi-page webforms
==========================

Updated 2 weeks ago

    Search  Go

   Overview
--------

Long forms can feel overwhelming for users. Breaking a webform into multiple steps or pages improves the experience by making even complex forms feel manageable. District supports multi-page webforms with a built-in progress indicator so users always know where they are in the process.

Before you start, you'll need an existing webform. See **Create a webform** if you haven't set one up yet.

Adding pages to a webform
-------------------------

1. In the menu, click the **Structure** icon.
2. Select **Webforms, Forms**  from the dropdown.
3. Locate the webform you want to edit and click the **Build** button next to it.
4. At the top of the Build view, click the **+ Add page** button. A page wizard will open on the right-hand side.
5. Enter a **Title** for the page (e.g. "Step 1: Your Details") and click **Save**.
6. The new page will appear in the form elements list. Repeat to add as many pages as needed.
7. Drag and drop form elements to organise them into the correct pages.
8. Click **Save elements** to apply your changes.

![](/storage/y9keiZVnLBSs77v1C4UKHNtyqe7XAi065vRQgaB6.png)

Customising pages
-----------------

Each page has its own settings. You can:

- **Change the page title:** This appears in the progress bar shown to users.
- **Add a description:** Give users context for each step.
- **Reorder pages:** Drag and drop pages in the form builder to change their order.

Testing your form
-----------------

Use the **Test** tab to submit a test entry and check how the multi-page form behaves. Test submissions are stored separately from real submissions.

How it looks to the user
------------------------

When a user visits the webform, they'll see the first page of fields with a progress bar at the top showing all the steps. As they complete each page and click **Next**, they move through the steps until the form is complete.

---

Related articles
----------------

- **Create a webform** — Setting up a new webform from scratch
- **Add a webform to a content page** — Embedding your webform on a page
- **Add conditional logic to webforms** — Showing or hiding fields based on user input
- **View and export form submissions** — Accessing and exporting submitted data

 [    Back to articles ](/articles)

  Table of contents
-----------------

    © 2026 [District CMS](https://www.district.au)