> For the complete documentation index, see [llms.txt](https://support.agentfire.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.agentfire.com/spark-editor/lead-forms/articles-5486870-lead-forms-multi-step-form.md).

# How to Make a Multi-Step Lead Form

How to turn a lead form into a multi-step form: add steps, edit each step's fields, set the buttons and progress bar, and what visitors need to finish.

A multi-step form asks a few questions at a time, with a **Next** button between steps. It's good for longer forms, like a home finder or a seller questionnaire. Multi-step works on custom forms.

## Turn it on

{% stepper %}
{% step %}

### Open the form's settings

Open the page in the editor and click the form. Open the **Lead Form** section. For help finding it, see [How to Edit a Form on Your Website](/spark-editor/lead-forms/editing-a-lead-form.md).
{% endstep %}

{% step %}

### Choose Custom Form and turn on Multistep

Set **Type Of Form** to **Custom Form**, then turn on **Multistep**.

{% hint style="warning" %}
Switching a pre-built form to **Custom Form** doesn't copy its fields. You start with one empty field, so add your name, email and phone fields again before you save.
{% endhint %}

![The Lead Form settings with Type Of Form and Multistep highlighted](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-3608f71e7969f9846a5fb41b8a0ac4c1e43600f7%2Fmultistep-1-toggle.png?alt=media)
{% endstep %}
{% endstepper %}

## Add and edit steps

Open **Form Settings**. Under **Custom Form Steps** you'll see **Step 1** and **Step 2**. A form can have two to five steps.

![Custom Form Steps with Add New Step highlighted](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-01b7af188f8530c6f827d3e38a67866572528f1b%2Fmultistep-2-steps.png?alt=media)

* **Add a step:** click **Add New Step**.
* **Edit a step:** click it in the list. Its **Title** and fields show below it. Scroll down to see them.
* **Reorder steps:** drag them by the ≡ icon.
* **Delete a step:** click its **×**.

## Add fields to a step

Under the step, in **Custom Form Fields**, click a field to open it, or add a new one. For each field you can set:

* **Field Type:** like Text, Email, Phone Number, Full Name, Select Dropdown, Checkbox, Date or Address.
* **Field Name** and **Label**: the label shows above the field.
* **Placeholder:** grey text inside the field before someone types.
* **Column Width:** from 20% to 100%, so two fields can sit side by side.
* **Required:** they can't go on without filling it in.

Each step also has a **Next Step Button Label**, like "Continue".

## Buttons, progress bar and what happens after

Still in **Form Settings**:

* **Use Progress Bar** shows visitors which step they're on.
* **Previous Button** lets them go back a step.
* **Submit Action** shows a confirmation message, or sends them to a page you enter in **Redirect URL**, like `/thank-you/`, when they finish.

Click **Save**. Then open the live page in a private window, fill in every step and submit it. Check the lead shows up in **Leads**.

## Common Questions

<details>

<summary>I can only see the first step's fields.</summary>

In **Form Settings**, click the step you want under **Custom Form Steps**, then scroll down. Its fields show below the list.

</details>

<details>

<summary>Do I get the lead if someone stops after step one?</summary>

No. The form only sends once they finish the last step.

</details>

<details>

<summary>Can a later step change based on an earlier answer?</summary>

No. Every visitor sees the same steps.

</details>

<details>

<summary>Can visitors upload a file?</summary>

No, lead forms don't take uploads.

</details>

<details>

<summary>Can a button on the page open this form?</summary>

Yes. Email <support@agentfire.com> with the page and the button, and we'll connect them.

</details>
