---
title: "Form Builder"
description: "Build the form that kicks off an approval. Add text, date, file, currency fields and more, then reorder them to fit; no code required."
category: "Building workflows"
updated: 2026-08-27
canonical: https://approvethis.com/docs/manuals/form-builder
---

# Form Builder

The form is the front door to an approval workflow: it decides what a requester has to tell you before anything reaches an approver. This guide covers adding fields to a workflow's form, setting a field's label and options, changing field order, and deleting fields you no longer want. You'll need a workflow you own that already has a form page — webhook, dynamic-schema, and mailbox flows have no form page to build on. Everything here is available on all tiers, and no code is involved.

**Who this is for:** an Administrator.

> **Prerequisite:** Sign in as an Administrator.

## Add a field to the form

Every piece of information you want from a requester starts as a field, and the field type you pick determines what the requester can enter — text, email, date, file, currency, and more. Pick the type that matches the data so the request arrives usable.

1. Sign in as an Administrator.
2. Open the workflow whose form you want to build (the example screenshots use **Purchase Requests**).

   ![Open the workflow whose form you want to build (the example screenshots use Purchase Requests).](https://approvethis.com/docs-assets/manuals/form-builder/screenshots/form-builder-s1-01.png)

3. Click **Form** to open the form builder for that workflow.

   ![Click Form to open the form builder for that workflow.](https://approvethis.com/docs-assets/manuals/form-builder/screenshots/form-builder-s1-02.png)

4. Click **Add Field**.

   ![Click Add Field.](https://approvethis.com/docs-assets/manuals/form-builder/screenshots/form-builder-s1-03.png)

5. Choose the field type that matches the information you're collecting — the example picks **Currency Monetary amounts**.

   ![Choose the field type that matches the information you're collecting — the example picks Currency Monetary amounts.](https://approvethis.com/docs-assets/manuals/form-builder/screenshots/form-builder-s1-04.png)


> **Success cue:** The new field appears on the form canvas under its type name, **Currency** in the example screenshots.

## Configure a field's label and settings

A field labeled with its type alone tells a requester nothing. Naming the field, marking it required, and adding help text is what keeps submissions complete and stops the back-and-forth over missing amounts or misread instructions.

1. Click the field you just added to open its settings (**Currency** in the example screenshots).

   ![Click the field you just added to open its settings (Currency in the example screenshots).](https://approvethis.com/docs-assets/manuals/form-builder/screenshots/form-builder-s2-01.png)

2. Enter a label describing what the field captures in **Currency** — the example uses `Total purchase amount`.

   ![Enter a label describing what the field captures in Currency — the example uses Total purchase amount.](https://approvethis.com/docs-assets/manuals/form-builder/screenshots/form-builder-s2-02.png)

3. Click **Required** if a requester must fill this field in before submitting.

   ![Click Required if a requester must fill this field in before submitting.](https://approvethis.com/docs-assets/manuals/form-builder/screenshots/form-builder-s2-03.png)

4. Click **Add help text**.

   ![Click Add help text.](https://approvethis.com/docs-assets/manuals/form-builder/screenshots/form-builder-s2-04.png)

5. Enter the guidance a requester should read under the field in **Add helpful instructions or context for this field...** — such as `Enter the total amount in USD, including tax and shipping.`

   ![Enter the guidance a requester should read under the field in Add helpful instructions or context for this field... — such as Enter the total amount in USD…](https://approvethis.com/docs-assets/manuals/form-builder/screenshots/form-builder-s2-05.png)

6. Click **Settings** to reach the options specific to this field type.

   ![Click Settings to reach the options specific to this field type.](https://approvethis.com/docs-assets/manuals/form-builder/screenshots/form-builder-s2-06.png)

7. Choose the currency the amount should be entered in from **Currency** — e.g., **US Dollar ($)**.

   ![Choose the currency the amount should be entered in from Currency — e.g., US Dollar ($).](https://approvethis.com/docs-assets/manuals/form-builder/screenshots/form-builder-s2-07.png)


> **Success cue:** The field on the canvas now carries the label you typed, shown as **Total purchase amount** in the example.

## Reorder fields on the form

Field order is the order a requester reads and answers in, so a form built out of sequence can be fixed without rebuilding it. Move a field up as many times as it takes to land where it belongs.

1. Click **Move up** on the field you want earlier in the form.

   ![Click Move up on the field you want earlier in the form.](https://approvethis.com/docs-assets/manuals/form-builder/screenshots/form-builder-s3-01.png)


> **Success cue:** The field shifts one position toward the top of the form — in the example screenshots, **Total purchase amount** moves up the list.

## Remove a field

Requirements change, and a field that no longer earns its place only slows requesters down. Deletion asks for a confirmation, so a stray click won't wipe out a field's label and settings.

1. Click **Delete field** on the field you want to remove.

   ![Click Delete field on the field you want to remove.](https://approvethis.com/docs-assets/manuals/form-builder/screenshots/form-builder-s4-01.png)

2. Click **Delete** in the confirmation. Repeat these 2 steps as needed — the example runs them 3 times in total.

   ![Click Delete in the confirmation. Repeat these 2 steps as needed — the example runs them 3 times in total.](https://approvethis.com/docs-assets/manuals/form-builder/screenshots/form-builder-s4-02.png)


> **Success cue:** With the last field gone, the canvas reads **No fields yet**.