---
title: "Multi-Page Forms - Convert Forms"
description: "Split a long form into pages, add a progress bar, and skip the pages a visitor doesn't need with Page Logic."
url: "https://www.tassos.gr/docs/convert-forms/features/multi-page-forms"
date: "2026-11-11T03:07:30+00:00"
language: "en-GB"
---

[ Home ](https://www.tassos.gr/docs) / [ Convert Forms ](https://www.tassos.gr/docs/convert-forms) / [ Features ](https://www.tassos.gr/docs/convert-forms/features)

#  Multi-Page Forms

##  Split a long form into pages, add a progress bar, and skip the pages a visitor doesn't need with Page Logic.

 ![Multi-Page Forms](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-card.png) Heads up: this feature is new in Convert Forms 6 and is only in the latest beta release. On Convert Forms 5, this page won't match your backend. [Download the beta](https://www.tassos.gr/releases/convert-forms-beta) and back up your site first.

## [What is a multi-page form?](#what-is-a-multi-page-form)

A multi-page form splits its questions across pages, and visitors fill in 1 page at a time. They move on with Next, go back with Back, and submit on the last page.

A long form feels shorter when visitors see 3 questions at a time instead of 20. You decide how to split it: 1 question per page for a step-by-step feel, or related questions grouped together, like contact details on page 1 and order details on page 2. With Page Logic, visitors can also skip the pages that don't apply to them.

However many pages you add, Convert Forms sends 1 submission with the answers from every page.

Multi-page forms work in the free version. Page Logic and per-page design need Convert Forms Pro.

## [Add a page](#add-a-page)

1. Log into your Joomla backend.
2. Go to Components → Convert Forms → Forms.
3. Open your form.
4. Click Form in the left sidebar.
5. Hover over the Pages heading and click Add page.

    [![The Form tree of a form with 4 pages, with an arrow pointing at the Add page button next to the Pages heading](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-add-page-button.png)](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-add-page-button.png)
6. The new page appears at the bottom of the Pages list, and the preview switches to it.

    [![An arrow pointing at the new empty Page 5 at the bottom of the Form tree](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-new-page-added.png)](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-new-page-added.png)
7. Click Add a new one, in the preview or under the page in the Form tree, to start adding elements.

To move the new page somewhere else, drag it in the Form tree.

## [Move elements between pages](#move-elements-between-pages)

There are 3 ways to move elements to another page.

### [Drag and drop](#drag-and-drop)

Drag an element in the Form tree and drop it on another page.

[![The LinkedIn profile element dragged from the Experience page to the Documents page in the Form tree](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-move-element-drag.gif)](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-move-element-drag.gif)

### [Use the element's menu](#use-the-element-s-menu)

1. Hover over the element in the Form tree.
2. Click its menu (⋮).
3. Point to Move to page.
4. Pick the page.

    [![The Experience page selected and the menu of its Years of relevant experience element open on Move to page](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-move-menu-experience.png)](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-move-menu-experience.png)

Pick New page to move the element to a new page at the end of the form.

### [Move several elements at once](#move-several-elements-at-once)

1. Hover over an element in the Form tree, and its icon turns into a checkbox.
2. Tick the checkbox of each element you want to move.
3. Click the Move selected icon (⇄) at the top of the Form tree.
4. Pick the page.

    [![The 3 elements of the Experience page checked and the Move selected menu open, listing the pages](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-move-selected-experience.png)](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-move-selected-experience.png)

You can tick elements from different pages, and they all move together.

## [Reorder pages](#reorder-pages)

Drag a page in the Form tree to move it. Its elements move with it.

It's easier to collapse the pages first, so the tree shows only their names. Click the Collapse all icon at the top of the Form tree, then drag the page where you want it.

[![All pages collapsed in the Form tree, then the Documents page dragged above the Experience page](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-reorder-pages-drag.gif)](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-reorder-pages-drag.gif)

 If you use Page Logic, review your rules after you reorder pages. A rule can only check elements on earlier pages, so a page moved above the element its rule watches stops working. The builder warns you when that happens.

## [Duplicate a page](#duplicate-a-page)

To copy a page, open its menu (⋮) in the Form tree and click Duplicate. The copy gets all the page's elements and their logic.

## [Rename a page](#rename-a-page)

A page's title shows in the Form tree and in the progress indicator. There are 2 ways to change it.

### [In the Form tree](#in-the-form-tree)

1. Double-click the page's name in the Form tree.
2. Type the new name and press Enter.

    [![The Experience page being renamed to Work history in the Form tree](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-rename-tree.png)](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-rename-tree.png)

Press Escape to keep the old name. Rename in the page's menu (⋮) does the same thing.

### [In the right sidebar](#in-the-right-sidebar)

1. Click the page in the Form tree.
2. Type the new name in Title, in the right sidebar.

    [![An arrow pointing at the Title field of the Experience page in the right sidebar](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-rename-sidebar.png)](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-rename-sidebar.png)

## [Delete a page](#delete-a-page)

Deleting a page deletes every element on it too. Move the elements you want to keep to another page first.

### [From the page's menu](#from-the-page-s-menu)

1. Hover over the page in the Form tree.
2. Click its menu (⋮).
3. Click Delete.

    [![The menu of the Experience page open on Rename, Duplicate and Delete](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-delete-page-menu.png)](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-delete-page-menu.png)
4. Click Delete in the confirmation box.

### [With the trash icon](#with-the-trash-icon)

1. Hover over the page in the Form tree.
2. Click the trash icon next to its menu.

    [![An arrow pointing at the trash icon of the Experience page in the Form tree](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-delete-page-trash.png)](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-delete-page-trash.png)
3. Click Delete in the confirmation box.

A page with no elements goes right away, with no confirmation box.

A form always keeps at least 1 page. On the last page, Delete is greyed out and the trash icon doesn't show.

 Before you delete a page, check that no Page Logic, ending rule or Conditional Logic watches its elements. Convert Forms removes those rules along with the page, which can change who sees a page or an ending.

## [Customize a page](#customize-a-page)

Every page inherits the form's global design from the Design panel: fonts, colors, spacing and buttons. That keeps all pages consistent, and most forms need nothing more.

When a page needs to stand out, override its settings for that page only. Change the labels of its buttons, hide its Back button, or give it a different background color, while the rest of the form keeps the global design.

### [Change the buttons](#change-the-buttons)

1. Log into your Joomla backend.
2. Go to Components → Convert Forms → Forms.
3. Open your form.
4. Click Form in the left sidebar.
5. Click the page in the Form tree. Its settings open in the right sidebar.
6. Under General, type the labels of the page's buttons.

    [![The General section of the last page, with its Back button and Submit button labels](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-page-general.png)](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-page-general.png)

    - **Back button** and **Next button**: the labels on this page. Leave them empty to use Back and Next.
    - **Submit button**: on the last page only, the label of the button that submits the form. Leave it empty to use Submit.
7. Under Advanced, pick which buttons show.

    [![The Advanced section of the last page, with the Show submit button and Show back button switches](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-page-advanced.png)](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-page-advanced.png)

    - **Show back button**: turn it off to stop visitors from going back from this page. The first page has no Back button.
    - **Show submit button**: on the last page only. Turn it off if you submit through a Submit Button element instead.
8. Save the form.

The buttons' colors, size and alignment come from Design → Buttons. To change them on 1 page, override them as shown below.

### [Override the design](#override-the-design)

A page can override 11 of the form's design settings:

- Theme: Background Color, Text Color, Accent Color and Spacing
- Inputs: Text Color, Background Color and Border Color
- Buttons: Text Color, Background Color, Border Color and Alignment

1. Click the page in the Form tree.
2. Click the + next to Design in the right sidebar.
3. Pick the setting to override.
4. Set its value.

    [![The Design section of the Documents page with 3 overridden settings, its green background showing in the preview](https://www.tassos.gr/images/2026/11/convert-forms-ending-page-design.png)](https://www.tassos.gr/images/2026/11/convert-forms-ending-page-design.png)
5. Save the form.

To drop an override, click the minus next to it, and the setting goes back to the global design. Design overrides need Convert Forms Pro.

Endings can override their colors too. See [Ending pages](https://www.tassos.gr/docs/convert-forms/features/ending-pages#page-design).

## [How validation works across pages](#how-validation-works-across-pages)

Convert Forms checks the answers 1 page at a time, so visitors fix a mistake on the page where they made it.

- **Next** checks every field on the current page: required fields, email format, number limits and so on. If one fails, the visitor stays on the page and sees the message next to that field.
- **Enter** in a text field moves to the next page, with the same check. It submits the form only on the last page.
- **Back** skips the check and keeps everything the visitor typed. Clicking a completed page in the Lines progress indicator works the same way.
- **Submit** checks every page again, in case the visitor went back and cleared a field. If a page fails, the form jumps to it and points at the field.
- **Skipped pages** don't get checked. Their fields are left out of the submission, required ones included.

When a page opens, the cursor lands in its first field, so visitors can start typing right away.

Nothing is saved until the visitor submits on the last page. The server-side checks, like blocked email domains or a captcha, run at that point.

## [Add a progress indicator](#add-a-progress-indicator)

A progress indicator sits at the top of the form and shows visitors which page they're on and how many are left. On a long form, seeing the end helps them keep going.

1. Log into your Joomla backend.
2. Go to Components → Convert Forms → Forms.
3. Open your form.
4. Click Behavior in the left sidebar.
5. Pick a style under Progress bar.

    [![The Progress bar dropdown in the Behavior panel, open on None, Lines, Bar and Title](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-progress-setting.png)](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-progress-setting.png)

    There are 3 styles:

    - **Lines**: 1 line per page, filled in as the visitor moves on. Visitors can click a completed page to go back to it.
    - **Bar**: 1 line that fills up, with the current page's title and a page counter.
    - **Title**: the current page's title as a heading, with the page counter on the right.

    [![The Lines, Bar and Title progress indicator styles on page 3 of a 4-page form](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-progress.png)](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-progress.png)
6. Save the form.

With Lines or Bar, 2 more settings appear. Show page titles writes the page titles under the bar, and Show page numbers puts each page's number before its title.

The progress indicator shows only on forms with 2 or more pages. On forms narrower than 420px, Lines turns into Bar so it fits.

## [Animate page changes](#animate-page-changes)

Without an animation, the next page replaces the current one at once, and visitors can miss that anything changed. A short transition shows them the form moved on, or back, so they keep their place.

1. Log into your Joomla backend.
2. Go to Components → Convert Forms → Forms.
3. Open your form.
4. Click Behavior in the left sidebar.
5. Pick Slide or Fade under Page Transition.

    [![The Page Transition setting in the Behavior panel, set to Slide](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-transition-setting.png)](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-transition-setting.png)
6. Save the form.

- **Slide**: the new page slides in from the side the visitor is heading to.
- **Fade**: the new page fades in.

The transition applies to every page of the form. Pick None to turn it off.

## [Move to the next page as soon as visitors answer](#auto-advance)

On a page with a single question, visitors can pick an answer and land on the next page without clicking Next.

It works best for conversational forms, which ask 1 question per page. Quizzes, surveys and lead qualification forms feel faster that way, since every page takes 1 click instead of 2.

1. Log into your Joomla backend.
2. Go to Components → Convert Forms → Forms.
3. Open your form.
4. Click Behavior in the left sidebar.
5. Turn on Auto-advance.

    [![The Auto-advance toggle in the Behavior panel, under Page Transition](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-auto-advance-setting.png)](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-auto-advance-setting.png)
6. Save the form.

A page moves on by itself when its only question is a Dropdown, Radio Buttons, Rating, Country or Currency field. Headings, text, icons and other layout elements don't count as questions, so you can still put a title or a short intro above the question.

A few things to know:

- A page with 2 or more questions waits for Next. That includes a field that [Conditional Logic](https://www.tassos.gr/docs/convert-forms/features/conditional-fields) shows later, like an "Other" text field, so visitors never skip a field their answer reveals.
- The last page never submits on its own. Visitors still click Submit.
- The Next button stays, so a visitor who goes back can move on again without changing the answer.
- Keyboard visitors can browse the choices with the arrow keys and stay on the page until they press Next.
- The answer goes through the usual checks first. If it fails, the visitor stays on the page and sees why.

## [Skip pages with Page Logic](#skip-pages-with-page-logic)

Show a page only to the visitors who need it. A "Company details" page, for example, can show only when the visitor picks Business on page 1.

1. Click the page in the Form tree.
2. Open its Logic section in the right sidebar.
3. Pick Show or Hide.
4. Add a rule, for example Customer type is Business.
5. Save the form.

[![The Logic section of the Technical skills page, shown when the role is Developer](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-page-logic.png)](https://www.tassos.gr/images/2026/11/convert-forms-multi-page-forms-page-logic.png)

A few things to know:

- A rule can check elements on earlier pages only, since later pages aren't filled in yet.
- The first and last pages always show.
- Visitors skip a hidden page, and Convert Forms ignores its fields, required ones included.
- A page whose elements are all hidden by [Conditional Logic](https://www.tassos.gr/docs/convert-forms/features/conditional-fields) gets skipped too, with no page rule needed.
- If you move a page above the element its rule checks, the builder warns you, since the rule can't work from there.

Page Logic needs Convert Forms Pro.

## [What happens after the last page](#what-happens-after-the-last-page)

After the visitor submits, the form shows its ending: a thank-you page or a redirect. See [Ending pages](https://www.tassos.gr/docs/convert-forms/features/ending-pages).

## [FAQ](#faq)

### [Can I create multi-page forms in the free version?](#can-i-create-multi-page-forms-in-the-free-version)

Yes. The free version has no limit on pages, and it includes the progress indicator, page transitions and everything on this page about adding, moving, renaming and deleting pages.

Convert Forms Pro adds 3 things:

- [Page Logic](#skip-pages-with-page-logic), to show or skip pages based on the visitor's answers.
- More than 1 [ending](https://www.tassos.gr/docs/convert-forms/features/ending-pages), to show different visitors a different ending. The free version has 1, which can be a thank-you page or a redirect.
- Per-page [design overrides](#customize-a-page).

### [Do multi-page forms work on mobile?](#do-multi-page-forms-work-on-mobile)

Yes, and they often work better there than one long form, since visitors scroll through a few fields at a time on a small screen. A few things help on phones:

- When a page opens below the visible part of the screen, the browser scrolls back up to the form, so visitors start the new page at the top.
- The Go or Enter key on the phone's keyboard moves to the next page, with the same check as Next.
- The Lines progress indicator turns into Bar when the form is narrower than 420px, so the page titles don't get squeezed. This follows the form's own width, so it also applies to a form in a narrow sidebar on a desktop.

Test your form on a phone before you publish it, with your template's styles in place.

### [How do I view the submissions of a multi-page form?](#how-do-i-view-the-submissions-of-a-multi-page-form)

The same way as any other form. A multi-page form sends 1 submission with the answers from every page, and you find it under Components → Convert Forms → Submissions. See [Managing Form Submissions](https://www.tassos.gr/docs/convert-forms/submission-management/guide) and [Exporting Submissions](https://www.tassos.gr/docs/convert-forms/submission-management/export).

### [What happens if a visitor leaves before the last page?](#what-happens-if-a-visitor-leaves-before-the-last-page)

Nothing is saved. Convert Forms saves the answers only when the visitor submits on the last page, so a visitor who closes the tab on page 2 leaves no submission behind.

To help visitors finish, keep the pages short, show a [progress indicator](#add-a-progress-indicator) so they see how much is left, and skip the pages that don't apply to them with Page Logic.

### [Can I skip empty pages?](#can-i-skip-empty-pages)

Yes, and it happens on its own. When Conditional Logic hides every element on a page, visitors skip that page, with no page rule needed. A page you left with no elements at all still shows, since you put it there on purpose.

 Last updated on Nov 10th 2026 18:11