> ## 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.

# Create a Booking Form

> How to create an online booking form for appointments, classes, or venue rentals — with step-by-step setup guidance for each scenario.

FormHug's Booking field handles appointments, class sign-ups, and venue reservations in one place. The right configuration depends on what you're booking — here's how to set it up for the most common scenarios.

For the product-level workflow, see the <a href="https://formhug.ai/booking-form" target="_blank">online booking form builder</a>.

If your workflow depends on people showing up on time, pair the booking form with confirmation and reminder emails; the <a href="https://formhug.ai/blog/appointment-reminder-email-templates" target="_blank">appointment reminder email templates</a> article gives copy patterns you can adapt.

## Match Your Setup to Your Scenario

| Scenario                                             | Selection Mode | Time Setup               | Key Settings                                |
| ---------------------------------------------------- | -------------- | ------------------------ | ------------------------------------------- |
| **1-on-1 appointments** (salon, consulting, clinic)  | Single item    | By Time Slot             | Buffer between slots, advance booking limit |
| **Group classes** (yoga, workshops, courses)         | Single item    | By Time Slot             | Capacity per slot, show remaining spots     |
| **Multi-service booking** (spa, clinic with options) | Multiple items | By Time Slot per service | Different duration per service              |
| **Venue or resource rental**                         | Single item    | By Date                  | Date range, blocked/vacation dates          |

## Build Your Booking Form

<Steps>
  <Step title="Start from a Template">
    Click **New Form** → browse <a href="https://formhug.ai/templates/use-case/bookings" target="_blank">Booking templates</a> (13+ available), or use **Create with AI** — describe your service and Evan generates the booking items and time slot structure.
  </Step>

  <Step title="Add the Booking Field">
    Add a **Booking** field from the Advanced Fields panel. For each service or resource, configure:

    * **Basic tab**: name, description, cover image
    * **Time Slots tab**: choose By Time Slot (recurring weekly schedule) or By Date (specific dates only)
    * **Date Range tab**: how far ahead people can book, blocked/vacation dates
  </Step>

  <Step title="Set Capacity for Group Bookings">
    For classes or events with limited spots, set a capacity per time slot. Enable **Show Remaining Availability** so people can see how many spots are left before they commit.
  </Step>

  <Step title="Add Contact Fields">
    Add Name, Email, and Phone after the Booking field. These are required to send confirmations and follow up if anything changes.
  </Step>

  <Step title="Set Up Booking Notifications">
    Go to **Settings** → **Notifications**. Create two:

    * **Admin alert**: notifies you of each new booking
    * **Booking confirmation**: sent to Submitter's Email with the booking details
  </Step>
</Steps>

<Tip>
  If you take deposits or full payment upfront, add a **Payment** field after the Booking field. Customers book and pay in one step. See [Create a Payment Form](/guides/use-cases/payment-form) for donation, deposit, ticket, and product examples.
</Tip>

## Let Customers Look Up Their Booking

Use **Public Query** to create a self-service lookup page where customers can check their booking details by entering their phone number or booking ID — without you having to reply to every enquiry.

## Related

<CardGroup cols={2}>
  <Card title="Booking Feature Reference" icon="calendar-days" href="/features/scenes/booking">
    Complete guide to all Booking field settings and options
  </Card>

  <Card title="Notifications" icon="bell" href="/features/settings/notifications">
    Configure booking confirmations and admin alerts
  </Card>

  <Card title="Public Query" icon="magnifying-glass" href="/features/scenes/public-query">
    Let customers look up their own booking details
  </Card>

  <Card title="Payment Fields" icon="credit-card" href="/features/building/fields/payment-fields">
    Collect deposits or full payment alongside bookings
  </Card>

  <Card title="Create a Payment Form" icon="credit-card" href="/guides/use-cases/payment-form">
    Set up deposits, service fees, ticket payments, and Stripe-connected checkout
  </Card>

  <Card title="Online Booking Guide" icon="book-open" href="https://formhug.ai/blog/how-to-create-an-online-booking-form" target="_blank">
    Learn how to structure services, availability, confirmations, and payments
  </Card>

  <Card title="Appointment Reminder Emails" icon="envelope" href="https://formhug.ai/blog/appointment-reminder-email-templates" target="_blank">
    Write reminders that reduce no-shows without sounding robotic
  </Card>

  <Card title="Booking Templates" icon="grid-2" href="https://formhug.ai/templates/use-case/bookings" target="_blank">
    Appointment, class, room, restaurant, and service booking templates
  </Card>
</CardGroup>
