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

# Quick Start

> Get your first form working in under 5 minutes

## Create Your First Form

<Steps>
  <Step title="Create Account">
    Sign up for a free account at [app.formbnb.com/register](https://app.formbnb.com/register). No credit card required.
  </Step>

  <Step title="Create Form">
    In your dashboard, click **New Form** and give it a name. Copy the submission URL from the form detail page. It uses your organization code and form slug.
  </Step>

  <Step title="Add Form to Site">
    Add this HTML to your website:

    ```html theme={null}
    <form action="https://api.formbnb.com/f/YOUR_ORG/YOUR_FORM" method="POST">
      <input type="email" name="email" placeholder="Your email" required>
      <textarea name="message" placeholder="Your message" required></textarea>
      <button type="submit">Send</button>
    </form>
    ```

    Replace `YOUR_ORG/YOUR_FORM` with the organization code and form slug from your submission URL.
  </Step>

  <Step title="Test It">
    Submit your form. You'll receive an email notification and see the submission in your dashboard.
  </Step>
</Steps>

## Add Spam Protection

Add a honeypot field to catch bots:

```html theme={null}
<form action="https://api.formbnb.com/f/YOUR_ORG/YOUR_FORM" method="POST">
  <input type="email" name="email" required>
  <textarea name="message" required></textarea>
  
  <!-- Honeypot - hide this with CSS -->
  <input type="text" name="_gotcha" style="display:none">
  
  <button type="submit">Send</button>
</form>
```

## Add Custom Redirect

Redirect users after submission:

```html theme={null}
<form action="https://api.formbnb.com/f/YOUR_ORG/YOUR_FORM" method="POST">
  <input type="hidden" name="_next" value="https://yoursite.com/thanks">
  <input type="email" name="email" required>
  <button type="submit">Send</button>
</form>
```

## AJAX Submission

For single-page apps, submit via JavaScript:

```javascript theme={null}
const response = await fetch('https://api.formbnb.com/f/YOUR_ORG/YOUR_FORM', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    'Accept': 'application/json'
  },
  body: JSON.stringify({
    email: 'user@example.com',
    message: 'Hello!'
  })
});

const result = await response.json();
```

## Next Steps

<CardGroup cols={2}>
  <Card title="Email Notifications" icon="envelope" href="/features/email-notifications">
    Configure email settings
  </Card>

  <Card title="Spam Protection" icon="shield" href="/features/spam-protection">
    Set up reCAPTCHA
  </Card>

  <Card title="Webhooks" icon="webhook" href="/features/webhooks">
    Send data to your server
  </Card>

  <Card title="React Integration" icon="react" href="/frameworks/react">
    Use with React
  </Card>
</CardGroup>