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.

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

1. Start from a Template

   Click New Form → browse Booking templates (13+ available), or use Create with AI — describe your service and Evan generates the booking items and time slot structure.

2. 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
3. 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.

4. Add Contact Fields

   Add Name, Email, and Phone after the Booking field. These are required to send confirmations and follow up if anything changes.

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

If you take deposits or full payment upfront, add a Payment field after the Booking field. Customers book and pay in one step.

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

Booking Feature Reference

Complete guide to all Booking field settings and options

Notifications

Configure booking confirmations and admin alerts

Public Query

Let customers look up their own booking details

Payment Fields

Collect deposits or full payment alongside bookings