
# How to Integrate a Form into a Validation Flow
This guide explains how to integrate a form into a validation flow to collect user data. For detailed instructions on creating forms, refer to the [Create forms guide.](/guides/forms/)

## Flow builder
To add a form to your validation flow, locate the **Forms** block in the sidebar under the Advanced Blocks section and drag and drop this block into your flow.

{{<img src="/images/illustrations/forms/form_in_flow.png" class="border border-slate-400 rounded-md" alt="forms empty state" width="100%">}}

After selecting the Forms block, the sidebar will show a dropdown with a list of your existing forms. Select a form that will be displayed during the flow execution.

{{<img src="/images/illustrations/forms/form_select_list.png" class="border border-slate-400 rounded-md" alt="forms empty state" width="60%">}}

## Form variables

Below the form selector, you will see a list of variables representing the questions from the form. These variables can be copied and used in other blocks, such as the electronic signature block.

{{<img src="/images/illustrations/forms/form_selected.png" class="border border-slate-400 rounded-md" alt="forms empty state" width="60%">}}

Additionally, the variable selector will display the form questions, allowing you to reference them in subsequent blocks within the flow.

{{<img src="/images/illustrations/forms/form_variables_list.png" class="border border-slate-400 rounded-md" alt="forms empty state" width="60%">}}


## Process with form excecution
When a user executes the flow, the form will be displayed for the end user to fill it out. If the form has multiple sections, each section will appear on a separate page for easier navigation.

{{<img src="/images/illustrations/forms/form_in_process.png" class="border border-slate-400 rounded-md" alt="forms empty state" width="35%">}}

Each input includes validation to prevent incorrect data entry. If the input is invalid, a message will be displayed, and the user will not be able to proceed to the next section or complete the form.

{{<img src="/images/illustrations/forms/input_error_in_process.png" class="border border-slate-400 rounded-md" alt="forms empty state" width="60%">}}

Once the form is completed, the process will move to the next step, and the variables will be processed based on the configuration of the subsequent block.

{{<img src="/images/illustrations/forms/form_variables_used.png" class="border border-slate-400 rounded-md" alt="forms empty state" width="50%">}}
