← All forms

Booking / Appointment Form - HTML Code Snippet

Appointment or booking request with date, time, and service type.

Copy-paste HTML
<form action="https://myformconnect.io/f/YOUR_FORM_ID" method="POST">
  <input type="text" name="name" placeholder="Name" required>
  <input type="email" name="email" placeholder="Email" required>
  <input type="tel" name="phone" placeholder="Phone" required>
  <input type="date" name="preferred_date">
  <input type="time" name="preferred_time">
  <select name="service_type">
    <option value="">Service type</option>
    <option value="consultation">Consultation</option>
    <option value="appointment">Appointment</option>
    <option value="demo">Demo</option>
  </select>
  <textarea name="notes" placeholder="Additional notes"></textarea>
  <button type="submit">Request Booking</button>
</form>

Service businesses—from salons to consulting practices—need clients to request specific appointment times, but building calendar integrations is overkill for simple scheduling. A booking form backend captures the client's preferred date, time, service type, and contact information. You can manually confirm bookings while maintaining a professional intake process, then upgrade to automated scheduling tools as you scale.

Common Use Cases

  • Service scheduling
  • Appointment booking
  • Resource reservation

Frequently Asked Questions

When should I use a booking / appointment form?

Use this form when appointment or booking request with date, time, and service type. It's designed for appointment scheduling and reservations.

Can I customize the booking / appointment form fields?

Yes, you can add, remove, or modify fields based on your specific requirements. The form structure is flexible and can be adapted to your needs.

How does the booking / appointment form handle submissions?

The form submits to MyFormConnect's backend, which processes the data and can send notifications, store responses, and integrate with your workflows.

Form Endpoint

POST https://myformconnect.io/f/YOUR_FORM_ID

Replace YOUR_FORM_ID with your actual form ID from MyFormConnect Dashboard.

Need an endpoint for this form?

Get your own YOUR_FORM_ID in seconds and start receiving submissions instantly.

Create your Form

How the Backend Works

  • Copy the HTML template and drop it into your page — no backend code needed.
  • Replace YOUR_FORM_ID with your ID from the MyFormConnect dashboard.
  • MyFormConnect's form backend handles submissions, routing, and storage — your form is live instantly.