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

# Quick Start

> Get started with FormHug in 4 simple steps

Getting started with FormHug is simple. Follow these 4 steps to create and share your first form.

Need a shortcut? Start from <a href="https://formhug.ai/templates" target="_blank">templates</a> or use the <a href="https://formhug.ai/ai-form-builder" target="_blank">AI form builder</a> to generate the first draft. If you need to collect money, see the <a href="https://formhug.ai/payment-form" target="_blank">payment form builder</a> or the [payment form guide](/guides/use-cases/payment-form).

## Step 1: Create Your Form

Start by creating a form using one of the four methods:

| Method           | Best For                                |
| ---------------- | --------------------------------------- |
| **Template**     | Quick start with a ready-made structure |
| **AI**           | Generate a form from a description      |
| **Excel Import** | Convert existing spreadsheets           |
| **From Scratch** | Full control over every detail          |

<Tip>
  Try **Create with AI** — just describe what you need in a sentence, and FormHug will build it for you. For examples of what AI generation can produce, see the <a href="https://formhug.ai/blog/best-ai-form-builder-2026" target="_blank">AI form builder guide</a>.
</Tip>

## Step 2: Add and Customize Fields

Use the form editor to add or edit fields:

1. **Left panel** — Choose from 30+ field types
2. **Center panel** — See your form exactly as it will appear
3. **Right panel** — Customize field settings and apply themes

For donation, ticket, deposit, or order workflows, add a payment field and configure products, amounts, discounts, currency, and Stripe before publishing.

<Card title="Understanding the Editor" icon="pen-to-square" href="/features/building/form-builder">
  Learn more about the three-panel layout
</Card>

## Step 3: Set Up Your End Page

Design what submitters see after they submit:

| End Page Type         | Use Case                                         |
| --------------------- | ------------------------------------------------ |
| **Default**           | Success message, submission ID, response details |
| **Quiz Results**      | Scores, feedback, certificates                   |
| **Assessment Report** | Scores with radar charts                         |
| **Redirect**          | Send to another webpage                          |

## Step 4: Publish and Share

Click **Publish** in the top-right corner, then share your form:

* **Link** — Copy and share the form URL
* **QR Code** — Generate a scannable code
* **Embed** — Add the form to your website

## Next Steps

That's it — your form is live and collecting submissions.

<CardGroup cols={2}>
  <Card title="View Submissions" icon="inbox" href="/features/data/submissions">
    Manage your form data
  </Card>

  <Card title="Set Up Notifications" icon="bell" href="/features/settings/notifications">
    Get alerted when submissions arrive
  </Card>

  <Card title="Browse Templates" icon="grid-2" href="https://formhug.ai/templates" target="_blank">
    Pick a ready-made starting point for your first form
  </Card>

  <Card title="Create a Payment Form" icon="credit-card" href="/guides/use-cases/payment-form">
    Build forms for donations, product orders, tickets, deposits, and paid registrations
  </Card>

  <Card title="Form Builder Basics" icon="book-open" href="https://formhug.ai/blog/best-form-templates-for-businesses" target="_blank">
    Learn common form patterns before you customize your first form
  </Card>
</CardGroup>