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

# Booking

> Create calendar-based booking forms for appointments and reservations — with time slots, availability rules, and instant confirmations.

**Booking** lets you accept appointments and reservations directly through a form. Participants browse a live calendar, pick an available time slot, and confirm in seconds — on any device. No back-and-forth messages, no double-booking, no manual scheduling.

<img src="https://mintcdn.com/formhug-8bc4ebd1/OUNAlrdk28GNe1eo/images/booking/3-ways-create-booking.png?fit=max&auto=format&n=OUNAlrdk28GNe1eo&q=85&s=6b75a35d1e317e529cbb5e4a6ad36ac6" alt="Three ways to create a booking form" width="1758" height="1256" data-path="images/booking/3-ways-create-booking.png" />

For the product overview, see the <a href="https://formhug.ai/booking-form" target="_blank">online booking form builder</a>. For the full planning walkthrough, read <a href="https://formhug.ai/blog/how-to-create-an-online-booking-form" target="_blank">how to create an online booking form</a>.

## What You Can Build with Booking

Booking works best for in-person services and scheduled activities where time and capacity matter.

| Scenario                   | Examples                                                         |
| -------------------------- | ---------------------------------------------------------------- |
| **Classes & sessions**     | Yoga classes, fitness training, music lessons, cooking workshops |
| **Space & venue rental**   | Meeting rooms, studios, co-working spaces, event halls           |
| **Appointments**           | Medical consultations, beauty services, coaching calls, therapy  |
| **Wellness & mindfulness** | Meditation sessions, sound baths, retreats, wellness check-ins   |
| **Professional services**  | Business consultations, legal advice, financial planning         |
| **Events & activities**    | Tour reservations, activity sign-ups, lab slot bookings          |

## Try a Live Booking

<Card title="Yoga Class Booking" icon="arrow-up-right-from-square" href="https://formhug.ai/f/tslEOi" target="_blank">
  Experience a real booking form — pick a session, select a time slot, and see how it works end to end
</Card>

## Create a Booking Form Your Way

<CardGroup cols={3}>
  <Card title="Create with AI" icon="wand-magic-sparkles">
    Describe what you need in one sentence — Evan sets up the form, booking items, and time slot structure for you instantly.
  </Card>

  <Card title="Start from a Template" icon="copy">
    Pick from 13+ booking templates for interviews, appointments, consultations, venues, and more. Customize and publish in minutes.
  </Card>

  <Card title="Build from Scratch" icon="hammer">
    Add a Booking field manually and configure every item, time slot, and availability rule yourself.
  </Card>
</CardGroup>

See what's available — from interview scheduling to hotel and service bookings:

<img src="https://mintcdn.com/formhug-8bc4ebd1/OUNAlrdk28GNe1eo/images/booking/booking-templates.jpg?fit=max&auto=format&n=OUNAlrdk28GNe1eo&q=85&s=4857c1409176cadc02d564a47cd98f3f" alt="Booking template center" width="2520" height="1822" data-path="images/booking/booking-templates.jpg" />

<Card title="Browse Booking Templates" icon="grid-2" href="https://formhug.ai/templates/use-case/bookings" target="_blank">
  13+ templates — classes, appointments, venues, and professional services
</Card>

If you send confirmations or reminders after booking, <a href="https://formhug.ai/blog/appointment-reminder-email-templates" target="_blank">appointment reminder email templates</a> can help with the email copy.

## The Booking Field

The **Booking** field is the core of every booking form. Add it like any other field, then configure one or more bookable items directly inside it.

<img src="https://mintcdn.com/formhug-8bc4ebd1/OUNAlrdk28GNe1eo/images/booking/booking-edit-calendar.jpg?fit=max&auto=format&n=OUNAlrdk28GNe1eo&q=85&s=e2d4eadcc9ba498a6a87dd75724ac640" alt="Booking field in the editor" width="2722" height="1572" data-path="images/booking/booking-edit-calendar.jpg" />

At the field level, you can configure:

| Setting                        | Description                                                                         |
| ------------------------------ | ----------------------------------------------------------------------------------- |
| **Selection Mode**             | Allow participants to book one item or multiple items in a single submission        |
| **Multiple Dates & Times**     | Let participants book the same item across more than one date or time slot          |
| **Multiple spots per booking** | Allow a participant to book more than one spot at a time (e.g. booking for a group) |

## Setting Up Booking Items

Each bookable option — a class, time slot, room, or service — is a **Booking Item**. One Booking field can hold multiple items. Every item is configured independently across four tabs.

<img src="https://mintcdn.com/formhug-8bc4ebd1/OUNAlrdk28GNe1eo/images/booking/booking-item-edit.jpg?fit=max&auto=format&n=OUNAlrdk28GNe1eo&q=85&s=3fc13a27ed7c010bc10e4901e2af11b0" alt="Edit Booking Item — Basic settings" width="1592" height="1408" data-path="images/booking/booking-item-edit.jpg" />

**Basic** — Set the item's name, description, and cover image. This is what participants see when choosing what to book.

### Time Slots

Choose how participants select time on the calendar: **By Date** (date-only selection) or **By Time Slot** (date + specific time window).

With **By Time Slot**, set a weekly schedule — toggle each day on or off and define the available hours and number of slots per day.

<img src="https://mintcdn.com/formhug-8bc4ebd1/OUNAlrdk28GNe1eo/images/booking/booking-item-time-slot.jpg?fit=max&auto=format&n=OUNAlrdk28GNe1eo&q=85&s=936f5655bd75b3a577d7b0729f5f2e2b" alt="Time Slots — weekly schedule" width="1590" height="1402" data-path="images/booking/booking-item-time-slot.jpg" />

### Date Range

Control how far ahead participants can book and block off unavailable periods.

<img src="https://mintcdn.com/formhug-8bc4ebd1/OUNAlrdk28GNe1eo/images/booking/booking-item-date-range.jpg?fit=max&auto=format&n=OUNAlrdk28GNe1eo&q=85&s=b71c6058a449dd9824d346e83713a959" alt="Date Range settings" width="1590" height="1410" data-path="images/booking/booking-item-date-range.jpg" />

| Setting             | Description                                                                |
| ------------------- | -------------------------------------------------------------------------- |
| **Date Range**      | Rolling window (e.g. up to 30 days from now) or a fixed start and end date |
| **Advance Booking** | Require bookings to be made at least X days in advance                     |
| **Vacation Dates**  | Block specific date ranges — no slots will appear during these periods     |

### More

<img src="https://mintcdn.com/formhug-8bc4ebd1/OUNAlrdk28GNe1eo/images/booking/booking-item-other-setting.jpg?fit=max&auto=format&n=OUNAlrdk28GNe1eo&q=85&s=c01cd327c9823b2f2ded9e19d78707e7" alt="More settings" width="1590" height="1408" data-path="images/booking/booking-item-other-setting.jpg" />

| Setting                                | Description                                                                   |
| -------------------------------------- | ----------------------------------------------------------------------------- |
| **Show remaining availability**        | Display how many spots are still open on the calendar (e.g. "5 left", "Full") |
| **Automatically restore availability** | Release the slot back to available when a booking is deleted                  |

## What Participants See

The booking form works smoothly on both mobile and desktop. Participants see each item with its calendar, select an available date, choose a time slot, and confirm their booking — all in one flow.

<img src="https://mintcdn.com/formhug-8bc4ebd1/OUNAlrdk28GNe1eo/images/booking/booking-preview.jpg?fit=max&auto=format&n=OUNAlrdk28GNe1eo&q=85&s=5afd4e731f406ca31a48a86c921f1a6c" alt="Participant-facing booking form on mobile" width="1820" height="2352" data-path="images/booking/booking-preview.jpg" />

Slots marked **Full** are automatically hidden from selection. Remaining availability is shown directly on the calendar so participants can plan at a glance.

## A Complete Booking System

The Booking field handles scheduling, but you can pair it with other FormHug features to build a full end-to-end system:

* **Email & SMS notifications** — Send automatic confirmation messages to participants when they book, and alert yourself of new reservations
* **Public Query** — Let participants look up their own booking details anytime using their ID, phone, or email — no need to contact you

Together, these turn a simple booking form into a complete reservation management system.

## Related

<CardGroup cols={2}>
  <Card title="Booking Form Guide" icon="graduation-cap" href="/guides/use-cases/booking-form">
    Step-by-step: build and publish a booking form
  </Card>

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

  <Card title="Booking Form Builder" icon="arrow-up-right-from-square" href="https://formhug.ai/booking-form" target="_blank">
    See the product workflow for appointments, classes, and reservations
  </Card>

  <Card title="Appointment Reminder Emails" icon="book-open" href="https://formhug.ai/blog/appointment-reminder-email-templates" target="_blank">
    Write reminder emails for bookings, classes, and consultations
  </Card>
</CardGroup>
