How to Build Appointment Scheduling Forms with Time Slots

What Makes a Good Appointment Scheduling Form?

A professional appointment form collects structured booking data:

• Contact details — name, email, and phone so you can confirm the appointment
• Appointment date — a calendar picker with rules that block past dates, weekends, or out-of-range days
• Time slot — a dropdown of fixed intervals (e.g., every 15 or 30 minutes) within your business hours
• Service or reason — optional dropdown or message field describing what the appointment is for

Auto Form Builder handles the date and time collection natively. Submissions arrive in your inbox with the exact date and time the visitor selected — ready for you to confirm, add to your calendar, or follow up by email.

Important: Auto Form Builder does not include real-time calendar availability, double-booking prevention, or automatic calendar sync. It collects appointment requests through validated date and time fields — you manage confirmation and scheduling on your end.

How Time Slots Work in Auto Form Builder

The Time field uses a custom dropdown picker — not a plain text box. Visitors click to open a scrollable list of available times generated from your settings:

• Time Intervals — controls slot spacing: every minute, 5 minutes, 10 minutes, 15 minutes, 30 minutes, or hourly
• Earliest Time Allowed — the first selectable slot (e.g., 09:00 for a 9 AM opening)
• Latest Time Allowed — the last selectable slot (e.g., 17:00 for a 5 PM closing)
• Time Format — 24-hour clock (14:30) or 12-hour with AM/PM (2:30 PM)

For a typical business-hours appointment form, set Earliest Time to 09:00, Latest Time to 17:00, and Time Intervals to Every 30 minutes. Visitors see slots like 9:00 AM, 9:30 AM, 10:00 AM through 5:00 PM — no typing, no invalid times.

How to Build an Appointment Scheduling Form

Step 1: Create a New Form

Go to Auto Form Builder → All Forms and click Create New Form, or open an existing form to add scheduling fields.

Step 2: Add Contact Fields

Drag these fields onto the canvas:

• Name (Advanced) — use separate first/last name fields for professional intake
• Email (Basic) — required, for confirmation emails
• Phone (Basic) — optional callback number

Step 3: Add a Service or Appointment Type (Optional)

Add a Dropdown field labeled Appointment Type or Service with options like Consultation, Follow-up, New Client, etc. Use conditional logic later if different services need different time windows.

Step 4: Add the Appointment Date Field

Drag a Date field (Basic category) and configure under Date Field Options:

• How to Display Dates — match your audience (US, UK, or ISO format)
• Block Past Dates — prevent booking dates before today
• No Weekend Selection — block Saturdays and Sundays for weekday-only businesses
• Last Allowed Date — optional cap on how far ahead visitors can book (e.g., 30 days out)
• Required Field — enabled

Step 5: Add the Time Slot Field

Drag a Time field (Basic category) and configure under Time Field Options:

• Time Format — 12-hour with AM/PM for US audiences, or 24-hour for international
• Time Intervals — Every 15 minutes or Every 30 minutes for standard appointment slots
• Earliest Time Allowed — your opening time (e.g., 09:00)
• Latest Time Allowed — your closing time (e.g., 17:00)
• Required Field — enabled

Step 6: Add Notes and Save

Add a Text Area labeled Additional Notes for special requests. Save the form, preview the date picker and time slot dropdown, submit a test entry, and publish with the shortcode or embed code.

Date Field Settings for Scheduling

Control which days visitors can book:

• Block Past Dates — only today and future dates are selectable; enforced in the browser and on the server
• Block Future Dates — useful for forms asking about past events, not typical for scheduling
• No Weekend Selection — automatically moves weekend selections to the next Monday
• First Allowed Date / Last Allowed Date — set a booking window (e.g., bookings open 7 days from now through 60 days ahead)
• Starting Date Selection — pre-select today, tomorrow, a custom date, or leave blank
• Show date preview chip — optional human-readable date preview beside the picker

Date restrictions are validated on the frontend and again server-side on every submission.

Time Field Settings for Time Slots

Time Intervals (Slot Spacing)

• Every minute — maximum granularity; use sparingly for long business-hour ranges
• Every 5 or 10 minutes — medical or high-precision scheduling
• Every 15 minutes — common for consultations and service calls
• Every 30 minutes — standard for most appointment-based businesses
• Every hour — simple on-the-hour booking only

Business Hours (Earliest and Latest Time)

Set Earliest Time Allowed and Latest Time Allowed to define your daily booking window. Only slots within that range appear in the dropdown. Leave empty for no restriction (full 24-hour range).

Time Format

Choose 12-hour (2:30 PM) or 24-hour (14:30) display. The submitted value is stored in 24-hour format regardless of display preference.

Starting Time Selection

Pre-select the current time, a specific time, or leave blank so visitors must choose a slot.

Example Appointment Form Configurations

General Consultation (Weekdays, 30-Min Slots)

• Date: Block past dates + No weekend selection
• Time: 09:00–17:00, Every 30 minutes, 12-hour format

Medical Clinic (15-Min Slots, Business Hours)

• Date: Block past dates, Last allowed date 90 days out
• Time: 08:00–18:00, Every 15 minutes, 12-hour format
• Dropdown: Appointment type (New Patient, Follow-up, Lab Review)

Salon or Spa (Hourly Slots, Limited Days)

• Date: Block past dates + No weekend selection
• Time: 10:00–19:00, Every hour, 12-hour format
• Text Area: Service notes or special requests

Same-Day Emergency Callback

• Date: Block past dates, Starting date = today
• Time: Current business hours to closing, Every 15 minutes
• Phone: Required for callback

Combine Date and Time with Conditional Logic

Use conditional logic to tailor scheduling fields based on answers:

• Show an extended Latest Time Allowed time field variant only when a dropdown selection is Evening Appointment — achieved by duplicating time fields with different min/max settings and showing the relevant one conditionally
• Reveal a Text Area when appointment type is Other
• Hide the time field until a date is selected (show time only after date field is filled)

Conditional logic evaluates in real time as visitors complete the form.

Notifications and Submission Management

When someone submits an appointment request:

• Admin notification email — receive the submission with date, time slot, and contact details
• User confirmation email — send an automatic reply to the visitor’s email field confirming their request was received
• Submission inbox — review, star, filter, and export all appointment requests in WordPress

Enable confirmation emails in form settings and select the Email field as the recipient. The submitted date and time values appear in both admin and confirmation messages using the field’s configured formats.

What Auto Form Builder Does Not Include

Be clear about scope when building scheduling forms:

• No real-time availability checking — selecting a time slot does not check whether another visitor already booked it
• No Google Calendar or Outlook sync — submissions are stored in WordPress; you add confirmed appointments to your calendar manually or via integrations
• No staff or resource scheduling — no multi-calendar or room assignment in the core plugin
• No payment collection — appointment deposits or fees require a separate payment integration

For many small businesses, a structured request form with validated date and time slots is exactly what’s needed — you confirm availability by email or phone, then add the appointment to your calendar.

Appointment Forms on Embedded Sites

Forms embedded on non-WordPress sites use the same date picker, time slot dropdown, and validation behavior. Whether placed via shortcode or embed code, appointment scheduling fields work identically everywhere.

Download Auto Form Builder — Free Scheduling Fields

Date fields, time slot dropdowns, business-hour limits, and interval steps are included in the free plugin — the same plugin that gives you submission management, email notifications, conditional logic, and spam protection at no cost.

Install it from the official WordPress.org directory: https://wordpress.org/plugins/auto-form-builder/

Last updated: Last update 9 August

Frequently Asked Questions