# Configure

## Building

Use the Form Builder to create your form from scratch. To gather the information you need, you can include headings, plain text, and various input types like text fields, dropdowns, and checkboxes.

![](/files/91ndCw5GFnvkCHrutcWB)

<figure><img src="/files/cjxoY4BbowV5KgxQe2K0" alt=""><figcaption></figcaption></figure>

## Manual Run

To preview the form, turn your workflow on and select the **Form URL** link-out icon highlighted below.

![Be sure to enable your workflow before opening the Form URL](/files/Jthj43HaxVjLrQweZJYC)

Once the workflow is enabled, complete a form and click submit to see your submission in your workflow's [Activity](https://docs.getmesa.com/workflow-activity) tab.

## Using Form variables

In later steps, use the [variable](https://docs.getmesa.com/workflow-builder/fields/variables) selector to insert a variable from your form's submission fields.

<figure><img src="/files/1ZIXnMgAfx3OfTJLJVyZ" alt=""><figcaption></figcaption></figure>

For example, if you want to send these form values to [Google Sheets](/connect/google-sheets.md), you can select the variables on the right that match the correct column in MESA.

<figure><img src="/files/9JxCTszDLH4SuVEkJPMP" alt=""><figcaption></figcaption></figure>

## Using your form

### Linking to your form

Use the Form URL to link people to your form.

<figure><img src="/files/iMwtqjBQUIzEMazxfYFw" alt=""><figcaption></figcaption></figure>

### Javascript embed code

You can use the embed code to embed your form anywhere you need it to appear.

<figure><img src="/files/hdSgW3X0zptLnic8vmaM" alt=""><figcaption></figcaption></figure>

### Coding your form

You can code your form from scratch using the Advanced Code snippet provided in the Form Builder if you prefer a direct coding approach.

With the Form Builder open, click the Get Code tab and copy the code from the Advanced section.

### Customizing appearance

By default, MESA adds [Bootstrap](https://getbootstrap.com/) wrappers and classes and uses its default styling. When setting up a form, MESA gives you the option to add class names to the form fields should you wish to attach custom styles.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.getmesa.com/tools/forms/building.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.