Skip to content
← Back to Blog

March 11, 2026 • 12 min read

How to Create an Online Booking Form for Appointments, Classes, and Reservations

How to Create an Online Booking Form for Appointments, Classes, and Reservations

Every service business runs into the same problem. A customer wants to book a slot. They message you. You check your schedule. You reply with options. They pick one. You confirm. Two hours and six messages later, you have one appointment on the calendar.

Multiply that across 20 bookings a week and scheduling has quietly become a part-time job.

An online booking form eliminates the back-and-forth. Customers see your live availability, pick a slot, and confirm in under a minute — without a single message to you. No double-bookings, no missed DMs, no scheduling thread. It works the same whether you need to schedule appointments, manage class sign-ups, or handle venue reservations.

An online booking form is a web form that includes a live calendar where visitors select an available date and time slot. It handles capacity automatically — slots fill up and disappear when they’re full — and sends confirmation emails to both parties the moment a booking is made.

The fastest way to create an online booking form is to use a form builder that has a native booking field: add it to your form, configure your services, set your weekly schedule and capacity, and publish. The entire setup takes under fifteen minutes and requires no scheduling software or third-party integrations.

What you can accept with a booking form

Booking forms work for any scenario where time and capacity matter.

Appointments — One-on-one sessions with a specific time window: medical consultations, beauty services, coaching calls, therapy sessions, legal advice, financial planning. Participants choose from available slots on your calendar; you see new bookings as they come in.

Classes and group sessions — Recurring sessions with limited capacity: yoga classes, fitness training, music lessons, cooking workshops. Each slot shows remaining spots (“3 left”) so participants know whether to book quickly. When a class fills, the slot closes automatically.

Venue and space rentals — Meeting rooms, photography studios, co-working spaces, event halls. An online reservation form with date-based booking lets participants select the days they need without requiring a specific time window. Vacation dates block off periods when the space isn’t available.

Professional consultations — Interview scheduling for HR teams, business consultations, intake appointments for clinics. Advance booking requirements ensure you have enough preparation time before each session.

Events and activities — Tour reservations, lab slot bookings, activity sign-ups, conference room reservations. Multiple booking items in one form let participants choose between different options — tour A vs. tour B, morning session vs. afternoon.

Wellness and recurring services — Meditation sessions, personal training packages, sound baths, wellness check-ins. Time slot configuration with weekly recurring schedules means you set your availability once and the calendar stays up to date automatically.

What makes this different from a regular scheduling tool

Tools like Calendly or Acuity Scheduling are purpose-built appointment scheduling software — they give you a standalone booking link synced to your personal calendar. That works well for 1-on-1 business meetings. It doesn’t work well for anything more complex.

A booking form built with FormHug is different in a few ways that matter:

It’s a complete form, not just a calendar. Alongside the booking calendar, you can add contact fields (name, email, phone), a payment field to collect a deposit or full payment, custom questions (“any health conditions we should know?”, “preferred instructor?”), file uploads, or anything else your workflow requires. Everything submits together in one step.

Multiple bookable services in one form. A spa can offer massage, facial, and nail services — each with its own schedule and capacity — in a single form. A clinic can list different appointment types. A studio can list multiple rooms. Participants choose from all options without visiting separate pages.

Capacity management built in. Set the number of spots per time slot, show remaining availability on the calendar (“5 left”, “Full”), and let the system restore availability automatically when a booking is cancelled. No manual slot management.

No third-party software required. Booking, notifications, and customer self-service lookup all live inside FormHug. There’s no external scheduling tool to subscribe to, sync, or maintain.

How to create an online booking form: step by step

Step 1: Start your form

Three ways to get started:

Create with AI — Describe your service in one sentence: “A yoga studio offering morning and evening classes with 12 spots each.” FormHug’s AI generates the booking items, time slot structure, and form fields for you. The fastest path to a working booking form.

Start from a template — 13+ booking templates for interviews, appointments, consultations, fitness classes, venues, and professional services. Open a template, swap the details, and publish.

Build from scratch — Add a Booking field from the Advanced Fields panel and configure everything manually.

FormHug booking form creation screen — choose between AI generation, a ready-made booking template, or building from scratch Three ways to create an online booking form: AI generation, a template, or a blank canvas.

Step 2: Configure your booking items

Each bookable option — a service, a class, a room — is a Booking Item. One form can hold multiple items, each configured independently.

Open the Booking field and add your items. For each one:

Basic tab — Set the item’s name, description, and cover image. This is what participants see when choosing what to book. A clear name and a photo of the service, room, or instructor increases conversion.

Time Slots tab — Choose between two modes:

  • By Date — participants select a date only, no specific time. Best for venue and space rentals.
  • By Time Slot — participants select a date and a specific time window. Best for appointments and classes. Set a weekly recurring schedule: toggle each day on or off, define the available hours, and set the number of spots per slot.

Date Range tab — Control how far ahead participants can book (rolling window or fixed dates), require a minimum advance booking period, and block off vacation or unavailable dates.

FormHug booking item configuration — Basic, Time Slots, and Date Range tabs for setting up a service's schedule and availability Configure each booking item across three tabs: name and image, weekly time slot schedule, and date range rules.

Step 3: Add contact fields and any custom questions

After the Booking field, add:

  • Name and Email — required for sending confirmations
  • Phone — useful for reminders and follow-ups
  • Any custom questions specific to your service: health intake questions, equipment preferences, group size, special requests

This is the advantage of a booking form over a standalone scheduling tool — all the information you need arrives with the booking, in one submission.

Step 4: Set up capacity and availability display

For classes and group sessions, set the capacity per time slot directly in the Time Slots tab. Then:

  • Enable Show Remaining Availability so participants can see how many spots are left (“3 left”, “Full”) directly on the calendar
  • Enable Automatically Restore Availability to release a slot when a booking is deleted — no manual adjustment needed

FormHug booking calendar showing available time slots with remaining capacity — "5 left" and "Full" indicators visible to participants Participants see real-time availability on the calendar — remaining spots shown per slot, full slots automatically closed.

Step 5: Set up confirmation emails

Go to Settings → Notifications and create two notifications:

Admin alert — Sent to you (or your team) each time a new booking comes in. Include the participant’s name, contact details, and the booking selection using Insert Field.

Booking confirmation — Sent to the participant’s email address with their booking details. Include the service name, date, time slot, and any next steps (how to find the location, what to bring, cancellation policy).

Automatic confirmation emails replace the manual “Got it, see you Thursday!” messages that currently eat your time.

FormHug notification settings for booking confirmation — configuring admin alert and participant confirmation email with booking details Set up two notifications: an admin alert for new bookings and a confirmation email to the participant.

Step 6: Publish and share

Publish the form and share the link — on your website, in your Instagram bio, in a WhatsApp message, or via email. Anyone with the link can book immediately. No account required, no app to install.

Embed the booking form directly on your website for the cleanest experience — visitors never leave your page to complete an appointment scheduling form.

Managing availability: key settings

SettingWhat it does
Advance BookingRequire bookings to be made at least X days before the slot — useful when you need prep time
Vacation DatesBlock specific date ranges so no slots appear while you’re away
Rolling WindowOnly show slots within the next N days — keeps the calendar from filling too far ahead
Fixed Date RangeSet a specific start and end date — useful for seasonal services or event-based bookings
Multiple Spots Per BookingLet a participant book for a group in a single submission — enter 3 spots and all 3 are deducted from availability
Multiple Dates Per BookingLet a participant book the same service across more than one date in a single submission

Let participants look up their own booking

Once someone books, they may later need to check their details — what time their appointment is, which room they reserved, whether their class is confirmed.

Pair your booking form with FormHug’s Public Query feature to create a self-service lookup page. Participants enter their phone number, email, or booking ID and see their own booking record — without contacting you and without being able to see anyone else’s bookings.

This is especially useful for:

  • Studios and clinics with high booking volume
  • Venue rentals where guests need to reference their reservation details
  • Any service where “what time is my appointment?” is a common question

How to configure for different scenarios

Different booking types need different settings. Here’s a quick reference:

1-on-1 appointment (salon, clinic, consulting)

  • Time Slots: By Time Slot, recurring weekly schedule
  • Selection Mode: Single item
  • Advance Booking: 1–2 days minimum
  • Show Remaining Availability: optional (only 1 slot per window)
  • Notifications: confirmation to participant + admin alert
  • Custom fields: intake questions, preferences

Group class (yoga, fitness, workshop)

  • Time Slots: By Time Slot, recurring weekly schedule
  • Capacity per slot: set your class size limit
  • Show Remaining Availability: on — urgency drives sign-ups
  • Automatically Restore Availability: on
  • Multiple Spots Per Booking: on if allowing group sign-ups
  • Notifications: class confirmation with location and prep details

Venue or room rental (studio, meeting room, event space)

  • Time Slots: By Date (full-day rental) or By Time Slot (hourly)
  • Date Range: rolling window or fixed season
  • Vacation Dates: set maintenance, private events, closures
  • Multiple Dates Per Booking: on for multi-day rentals
  • Custom fields: event type, attendee count, catering needs

Interview or consultation scheduling (HR, professional services)

  • Time Slots: By Time Slot with 30- or 60-minute windows
  • Advance Booking: 1 day minimum
  • Selection Mode: Single item
  • Custom fields: role/purpose, candidate name, any prep materials
  • Notifications: calendar-style confirmation with agenda

Multi-service booking (spa, clinic, studio with multiple options)

  • Selection Mode: Multiple items — participants choose from all services
  • Each item has its own time slot schedule and capacity
  • Different cover images per service for visual clarity
  • One form, one submission, one confirmation

Try it live

See the participant experience before building your own:

Yoga Class Booking — formhug.ai — pick a session, select a time, and submit to see the full flow end to end.

To build your own, start from the FormHug dashboard or browse 13+ booking form templates.

Frequently Asked Questions

What is an online booking form?

An online booking form is a web form with a live calendar that lets visitors select an available date and time slot, confirm their details, and submit — all in one step. It manages availability automatically, closes full slots, and can send confirmation emails to both the participant and the service provider.

How do I create a booking form for free?

Sign up for a free FormHug account, create a new form, and add a Booking field from the Advanced Fields panel. Configure your booking items, set your time slot schedule, add contact fields, and publish. The free plan includes the Booking field and core features. No credit card required.

Can I take payment at the time of booking?

Yes. Add a Payment field to your form after the Booking field. Participants pay the deposit or full amount as part of the same submission. This is useful for securing reservations and reducing no-shows.

How do I limit spots per time slot?

In the Time Slots tab for each booking item, set the number of available spots per slot. Enable Show Remaining Availability to display real-time counts on the calendar. Slots close automatically when they reach capacity.

Can I accept bookings for multiple services in one form?

Yes. A single Booking field can hold multiple booking items — each with its own name, image, schedule, and capacity. Participants choose from all items in one form. This is ideal for spas, clinics, and studios offering more than one service.

How do I send automatic confirmation emails?

Go to Settings → Notifications and create a notification with the trigger set to New Submission. Set the recipient to the field that collects the participant’s email address. Use Insert Field to include the booking details — service name, date, time — in the email body.

Can I block off days when I’m unavailable?

Yes. In the Date Range tab for each booking item, add Vacation Dates to block specific date ranges. No slots will appear during those periods. Use this for holidays, maintenance, private events, or any time you’re not taking bookings.

What’s the difference between a booking form and a tool like Calendly?

Calendly is a standalone scheduling link designed for syncing business meetings to your calendar. A FormHug booking form is a full form that includes a booking calendar — you can add contact fields, payment, custom intake questions, and multiple services alongside the calendar, all submitting together. FormHug booking is better suited for classes, venues, multi-service appointments, and any booking that needs more than just a time slot.

Can participants look up their booking after submitting?

Yes, using the Public Query feature. Create a lookup page where participants enter their phone number, email, or booking ID to retrieve their booking details. This reduces “what time is my appointment?” messages without requiring participants to create an account.

Does the booking form work on mobile?

Yes. The calendar and time slot selection are fully optimized for mobile. Participants can browse availability and complete a booking on any device without zooming or horizontal scrolling.