> 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/spark-editor/articles-2368108-spark-editor-blocks-forms.md).

# How to Add a Form to a Page

Which form block to use on a page, how to add a lead form and pick the form it shows, and the difference between pre-built and custom forms.

Form blocks let visitors send you their details, like a contact form, a newsletter signup or a home value request. Leads from AgentFire's forms show up in your **Lead Manager**.

## Which form block to use

In the editor, click **+** (**Add Block**) and choose **Form** from the menu.

![The Add Block panel with the Form category selected](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-382cf770b73e1496232bfed2ece9585a57b52b5f%2Fform-blocks-1-category.png?alt=media)

| Block                                      | What it's for                                                                                                                                                                    |
| ------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Lead Form**                              | Any form: contact, buyer or seller guide requests, open house sign-in, schedule a call and more. Most forms use this one.                                                        |
| **Signup Form**                            | A short newsletter signup with one email field.                                                                                                                                  |
| **Contact Us**                             | A ready-made contact section.                                                                                                                                                    |
| **Home Values CTA** and **Home Valuation** | Ask for an address and give a home value estimate. See [Spark Editor: Blocks - Home Values CTA](/spark-editor/spark-editor/articles-2368280-spark-editor-blocks-home-values.md). |
| **Mortgage Calculator**                    | A payment calculator. It doesn't collect leads, so add a Lead Form under it if you want people to ask about pre-approval.                                                        |
| **Gravity Form**                           | Shows a form built in Gravity Forms.                                                                                                                                             |

## Add a lead form

{% stepper %}
{% step %}

### Add the block

Add the **Lead Form** block where you want it on the page, then click it to open its settings.
{% endstep %}

{% step %}

### Give it a title

Open **Content** and type the **Title** that shows above the form, like "Get in Touch".
{% endstep %}

{% step %}

### Pick the form

Open **Lead Form**. Leave **Type Of Form** on **Pre-built Form** and choose one in **Select A Form**, like **Contact Form**, **Request a Buyer Guide** or **Schedule A Call**.

![The Lead Form settings with the list of pre-built forms](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-137fe275813bbe3d1f906c828ebf8eb99b0af9d2%2Fform-blocks-2-select.png?alt=media)
{% endstep %}

{% step %}

### Save and test

Click **Save**. Open the live page in a private window, fill in the form, and check it shows up in **Leads**.
{% endstep %}
{% endstepper %}

## Pre-built or custom?

**Pre-built forms** are ready to go, but you can't change their fields. To add, remove or rename fields, or make one optional, set **Type Of Form** to **Custom Form** and build the fields yourself. Switching doesn't copy the pre-built fields, so you start with one empty field and add the rest. See [How to Edit a Form on Your Website](/spark-editor/lead-forms/editing-a-lead-form.md). For a form with several steps, see [How to Make a Multi-Step Lead Form](/spark-editor/lead-forms/articles-5486870-lead-forms-multi-step-form.md).

The other sections set how the form works:

* **Form Settings:** spam protection, what happens after someone submits, and the button.
* **Form Appearance:** colors and layout.
* **Form Notifications:** who gets the lead email, tags, and which agent gets the lead. See [How to Choose Who Gets Your Lead Emails](/spark-editor/lead-forms/articles-1521098-lead-forms-editing-your-sending-options.md) and [How to Add Tags to a Lead Form](/spark-editor/lead-forms/how-to-customize-tags-on-your-lead-form.md).

## Common Questions

<details>

<summary>Where do I edit a form that's already on my page?</summary>

Open the page in the editor and click the form. Its settings open on the right.

</details>

<details>

<summary>I can't remove a field from my form.</summary>

It's a pre-built form, and those fields are fixed. Switch it to a custom form with the fields you want. See [How to Edit a Form on Your Website](/spark-editor/lead-forms/editing-a-lead-form.md).

</details>

<details>

<summary>Do I need to know code to add a form?</summary>

No. Pick a form in the block's settings.

</details>

<details>

<summary>Can I put a form from another website on my page?</summary>

If the other service gives you embed code, email <support@agentfire.com> with it and the page.

</details>
