How to Build Appointment Scheduling Forms with Time Slots

Appointment scheduling shouldn’t require back-and-forth emails. A well-designed booking form lets clients select their preferred date and time slot, provide their details, and submit—all in one step. You get organized appointment requests; they get instant confirmation of their request.

In this guide, you’ll learn how to build appointment scheduling forms with date selection and time slots in WordPress.

What Makes a Good Appointment Form?

Essential Components

• Contact information: Name, email, phone
• Date selection: When they want to come
• Time slot selection: Available appointment times
• Service/appointment type: What they’re booking
• Additional notes: Special requests or information

Smart Constraints

• Only future dates available
• Only business hours for time
• Weekends blocked (if closed)
• Appropriate time intervals

User Experience Goals

• Quick to complete
• Clear what’s available
• Confirmation of submission
• Mobile-friendly

Building the Appointment Form

Step 1: Create New Form

1. Go to AFB → Add New
2. Name your form (e.g., “Appointment Request”)
3. Start with blank or use Event Registration template

Step 2: Add Contact Fields

Name Field

• Drag Name field to form
• Configure as Full Name or First/Last
• Set as required

Email Field

• Drag Email field
• Set as required
• Used for confirmation

Phone Field

• Drag Phone field
• Set format (US, International)
• Required or optional based on needs

Step 3: Add Service/Appointment Type

Let users specify what they’re booking:

Option A: Dropdown

• Add Dropdown field
• Label: “Appointment Type” or “Service”
• Options:
  • Initial Consultation
  • Follow-up Visit
  • Service A
  • Service B

Option B: Radio Buttons

If few options and you want them visible:

• Add Radio field
• Show all options at once

Step 4: Add Date Field

1. Drag Date field to form
2. Label: “Preferred Date” or “Appointment Date”
3. Configure restrictions:
   • Block past dates: Yes
   • Disable weekends: Yes (if closed on weekends)
   • Minimum date: Tomorrow or a few days out
   • Maximum date: 2-3 months ahead (optional)
4. Set as required

Step 5: Add Time Selection

Choose one of these approaches:

Approach A: Time Field with Restrictions

1. Drag Time field to form
2. Label: “Preferred Time”
3. Configure:
   • Minimum time: 9:00 AM (opening)
   • Maximum time: 5:00 PM (closing)
   • Interval: 30 minutes
   • Format: 12-hour or 24-hour
4. Set as required

Result: Users pick from times within your hours.

Approach B: Dropdown with Specific Slots

1. Drag Dropdown field to form
2. Label: “Preferred Time Slot”
3. Add time slot options:
   • 9:00 AM – 9:30 AM
   • 9:30 AM – 10:00 AM
   • 10:00 AM – 10:30 AM
   • 10:30 AM – 11:00 AM
   • 11:00 AM – 11:30 AM
   • 11:30 AM – 12:00 PM
   • (Skip lunch)
   • 1:00 PM – 1:30 PM
   • 1:30 PM – 2:00 PM
   • … continue to closing

Result: Users see exactly what slots exist (including lunch gap).

Approach C: Searchable Dropdown

For many time options:

• Enable search on dropdown
• Users can type to filter times
• Faster selection for long lists

Step 6: Add Notes/Special Requests

1. Drag Textarea field
2. Label: “Additional Notes” or “Special Requests”
3. Placeholder: “Any information we should know?”
4. Set as optional

Step 7: Configure Form Settings

Success Message

After submission, show:

“Thank you for your appointment request! We’ll confirm your booking within 24 hours. Please check your email for confirmation.”

Email Notification

• Enable email notification to yourself
• Subject: “New Appointment Request”
• Include all form fields in email

Step 8: Style and Publish

1. Use Form Styler to match your brand
2. Save the form
3. Copy shortcode
4. Embed on your booking page

Complete Appointment Form Example

Form Structure

Time Slot Approaches Compared

Time Field vs. Dropdown

When to Use Time Field

• Continuous business hours
• No lunch break gap
• Want time picker interface
• Simple time selection

When to Use Dropdown

• Specific slots with gaps
• Need to show duration
• Different length appointments
• Want explicit slot list

Industry-Specific Examples

Medical/Dental Office

Form fields:

• Patient Name
• Email
• Phone (required for confirmation)
• Date of Birth
• Appointment Type: New Patient, Follow-up, Specific Procedure
• Preferred Date (weekdays only)
• Preferred Time (8 AM – 4 PM, 15-min intervals)
• Insurance Provider (dropdown)
• Reason for Visit (textarea)

Salon/Spa

Form fields:

• Name
• Email
• Phone
• Service: Haircut, Color, Styling, Massage, Facial, etc.
• Preferred Stylist/Therapist (dropdown)
• Preferred Date
• Preferred Time (9 AM – 7 PM)
• Special Requests

Consulting/Professional Services

Form fields:

• Name
• Company
• Email
• Phone
• Meeting Type: Discovery Call, Strategy Session, Project Review
• Preferred Date
• Preferred Time (9 AM – 5 PM, 1-hour intervals)
• Topics to Discuss (textarea)

Fitness/Personal Training

Form fields:

• Name
• Email
• Phone
• Session Type: Personal Training, Assessment, Class
• Fitness Goals (checkboxes)
• Preferred Date
• Preferred Time (6 AM – 8 PM, includes early/late)
• Injuries or Limitations (textarea)

Home Services (Plumber, Electrician)

Form fields:

• Name
• Phone (required)
• Email
• Address
• Service Needed (dropdown)
• Preferred Date
• Preferred Window: Morning (8-12), Afternoon (12-5), Evening (5-8)
• Description of Issue (textarea)
• Photos (file upload, optional)

Advanced Configurations

Second Choice Date/Time

Add backup options:

• Second Preferred Date (date field)
• Second Preferred Time (time/dropdown)
• Increases chance of successful booking

Duration-Based Slots

When services have different lengths:

Dropdown options:

• 30-min Consultation: 9:00, 9:30, 10:00…
• 60-min Session: 9:00, 10:00, 11:00…

Or use conditional logic (Pro) to show different time slots based on service selected.

Timezone Handling

For virtual appointments across timezones:

• Add timezone dropdown
• Or clearly state “All times in Eastern Time”
• Help text: “Select your preferred time (EST)”

Multiple Locations

If you have multiple offices:

1. Add Location dropdown first
2. Different locations may have different hours
3. Use conditional logic for location-specific times

Managing Appointment Submissions

Processing Requests

1. Check submissions daily
2. Verify slot availability in your calendar
3. Confirm or propose alternative
4. Send confirmation email to client

Confirmation Workflow

Option 1: Manual confirmation

• Review each request
• Check availability
• Reply to confirm or reschedule

Option 2: Auto-acknowledge

• Form submits → Auto email: “Request received”
• You confirm availability separately
• Send manual confirmation when verified

Tracking Appointments

• Star confirmed appointments
• Filter by date to see upcoming
• Export to calendar if needed

Best Practices

1. Set Reasonable Lead Time

Don’t allow same-day bookings if you need prep time:

• Minimum date: Tomorrow or 2 days ahead
• Gives you time to prepare

2. Limit How Far Ahead

Prevent bookings too far in future:

• Maximum date: 60-90 days ahead
• Reduces no-shows
• Schedules stay manageable

3. Match Intervals to Service Duration

• 15-min services → 15-min intervals
• 30-min appointments → 30-min intervals
• 1-hour sessions → 1-hour intervals

4. Collect Phone for Confirmations

Phone enables:

• Quick confirmation calls
• Same-day reminders
• Rescheduling communication

5. Set Clear Expectations

In form or confirmation:

• “This is a request, not a confirmed booking”
• “We’ll confirm within 24 hours”
• “Please wait for our confirmation email”

6. Mobile-Optimize

Many users book on phones:

• Test form on mobile
• Easy date/time selection
• Large tap targets

Troubleshooting

Users Booking Unavailable Times

Solutions:

• Use dropdown with exact available slots
• Add help text about availability
• Clear in confirmation: “Subject to availability”

Too Many Fields

Solutions:

• Keep essential fields only
• Make extra fields optional
• Collect additional info after confirmation

Spam Appointment Requests

Solutions:

• Add reCAPTCHA
• Require phone number
• Review before confirming

Frequently Asked Questions

Can the form check real-time availability?

Basic forms collect requests without live availability checking. For real-time booking with calendar integration, you’d need dedicated booking software. Form-based booking works well for request-and-confirm workflows.

Should I use dropdown or time picker?

Dropdown for specific slots with gaps (lunch break) or varying durations. Time picker for continuous hours with consistent intervals.

How do I handle different appointment lengths?

Option 1: Different slots in dropdown per service type. Option 2: Conditional logic showing appropriate times based on service selected. Option 3: Standard slots, adjust manually when confirming.

Can I send automatic confirmations?

You can send auto-acknowledgment (“We received your request”). True confirmation should wait until you verify availability.

How many days ahead should I allow booking?

Typically 30-90 days. Too far ahead increases no-shows; too short limits planning. Match your business needs.

Summary

Building appointment scheduling forms:

1. Add contact fields – Name, email, phone
2. Add service selection – What they’re booking
3. Add date field – Future only, business days
4. Add time selection – Time field or dropdown slots
5. Add notes field – Special requests
6. Configure settings – Success message, notifications
7. Set constraints – Business hours, lead time

Conclusion

Appointment scheduling forms streamline booking by letting clients request their preferred date and time in one submission. With proper date restrictions, time slot configuration, and clear communication, you’ll reduce scheduling back-and-forth while providing a professional booking experience.

Auto Form Builder provides all the fields you need: date picker with restrictions, time selection with intervals, dropdowns for services and custom slots, and notification settings for instant alerts. Build your appointment form in minutes.

Ready to streamline scheduling? Download Auto Form Builder and create professional appointment booking forms today.