> ## Documentation Index
> Fetch the complete documentation index at: https://docs.formflows.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Quick start

> Create your first form and receive a submission in under 5 minutes.

This guide walks you through signing up, building a form, publishing it, and viewing your first submission. You don't need any technical experience to complete it.

<Note>
  FormFlows.ai offers a free tier that lets you create up to 3 forms and collect up to 100 submissions per month — no credit card required. You can upgrade at any time from **Settings → Billing**.
</Note>

<Steps>
  <Step title="Create your account">
    Go to [app.formflows.ai/signup](https://app.formflows.ai/signup) and enter your name, email address, and a password.

    You'll receive a confirmation email. Click the link inside to verify your address and log in for the first time.

    If your organization uses Google Workspace, you can also sign up with **Continue with Google** to skip email verification.
  </Step>

  <Step title="Create a new form">
    From your dashboard, click **New Form** in the top-right corner.

    You'll see two options:

    * **Build from scratch** — opens the drag-and-drop builder with a blank canvas.
    * **Generate with AI** — describe the form you need in plain language and let the AI create a starting draft.

    For this guide, select **Generate with AI** and type a prompt such as:

    > "A contact form with name, email, phone number, and a message field."

    Click **Generate**. The AI creates a form with the fields you described. You can edit, reorder, or remove any field in the next step.

    <Tip>
      You can always switch to the manual builder after generating a form. AI generation is a starting point, not a final draft.
    </Tip>
  </Step>

  <Step title="Review and add fields">
    The form builder opens with your generated form. Each field appears as a card in the center panel.

    To **edit a field**, click on it. The right-hand panel shows that field's settings — label, placeholder text, whether it's required, and validation options.

    To **add a new field**, click **Add Field** at the bottom of the form or drag a field type from the left panel onto the canvas.

    To **reorder fields**, drag them up or down by the handle on the left side of each field card.

    To **delete a field**, hover over the field card and click the trash icon.

    For this guide, confirm that your form has at least:

    * A **Name** field (Short text, required)
    * An **Email** field (Email, required)
    * A **Message** field (Long text)

    Click **Preview** in the top bar to see exactly how your form will appear to respondents.
  </Step>

  <Step title="Configure form settings">
    Click the **Settings** tab at the top of the builder.

    Set a **Form name** that you'll recognize in your dashboard — for example, "Website Contact Form".

    Under **After submission**, choose what respondents see after they submit:

    * **Show a thank-you message** — displays a customizable message in place of the form.
    * **Redirect to a URL** — sends respondents to a page on your website.

    For now, leave the default thank-you message in place.

    All other settings are optional. You can return to this tab later to configure email notifications, access restrictions, and submission limits.
  </Step>

  <Step title="Publish your form">
    Click **Publish** in the top-right corner of the builder.

    FormFlows.ai generates a shareable link for your form — something like `https://formflows.ai/f/your-form-name`. Copy this link.

    Open a new browser tab, paste the link, and submit a test response using your own name, email, and a short message. This is your first submission.

    <Tip>
      You can also embed the form on a webpage instead of sharing a direct link. See the [embed guide](/guides/embed) for instructions.
    </Tip>
  </Step>

  <Step title="View your submission">
    Return to the FormFlows.ai dashboard and click on your form.

    Select the **Submissions** tab. Your test submission appears in the table with the time it was received and the values for each field.

    Click any row to open a detailed view of that submission, including all field values and metadata such as the respondent's browser and country.

    From this view you can also export submissions to CSV or connect a workflow to route new submissions automatically.
  </Step>
</Steps>

## What to do next

Now that your form is live and collecting submissions, explore what you can build on top of it.

<CardGroup cols={3}>
  <Card title="Form builder" icon="wpforms" href="/guides/create-form">
    Add more field types, sections, and a progress bar to your form.
  </Card>

  <Card title="Workflow builder" icon="diagram-project" href="/guides/workflow-builder">
    Automatically send emails, post to Slack, or update a spreadsheet when submissions arrive.
  </Card>

  <Card title="API reference" icon="code" href="/api-reference/introduction">
    Submit responses and retrieve data programmatically using the REST API.
  </Card>
</CardGroup>