All templates

HTML template Appointment request form

With this sample of an appointment request form, which is designed for your customers to make appointments with you online, your website visitors can easily send you their requests for an appointment.

For person
Appointment request

Confirmation requested by

Integration with your website

The following 3 steps will allow you to set up the form on your website, including notification of new submissions and saving the submission data.

1st step: Use HTML code

Copy the following HTML code and paste it into the source code of your page in the desired location.

<form action="SEND ADDRESS" id="ft-form" method="POST" accept-charset="UTF-8">
  <fieldset>
    <legend>For person</legend>
    <label>
      Name
      <input type="text" name="name" required>
    </label>
    <div class="two-cols">
      <label>
        Email address
        <input type="email" name="email" required>
      </label>
      <label>
        Phone number
        <input type="tel" name="phone">
      </label>
    </div>
  </fieldset>
  <fieldset>
    <legend>Appointment request</legend>
    <div class="two-cols">
      <label>
        Datum
        <input type="date" name="Appointment request" required>
      </label>
      <div class="inline">
        <label>
          <input type="hidden" name="Morning desired" value="no">
          <input type="checkbox" name="Morning desired" value="yes">
          Morning
        </label>
        <label>
          <input type="hidden" name="Afternoon desired" value="no">
          <input type="checkbox" name="Afternoon desired" value="yes">
          Afternoon
        </label>
      </div>
    </div>
    <p>Confirmation requested by</p>
    <div class="inline">
      <label>
        <input type="radio" name="Confirmation requested by" value="email" checked>
        Email
      </label>
      <label>
        <input type="radio" name="Confirmation requested by" value="phone">
        Phone call
      </label>
    </div>
  </fieldset>
  <div class="btns">
    <input type="text" name="_gotcha" value="" style="display:none;">
    <input type="submit" value="Submit request">
  </div>
</form>

2nd step: Customize the form

Customize this HTML code according to your needs, for example, if you want to add more entry fields.

You can use CSS to freely define the look and design of the form so that it matches the look of your homepage. Adopt our prepared stylesheet. This provides a standard design for the form's appearance (like on this page), which should be suitable for most websites:

ft-form-styles-v3.css

3rd step: Establish a transmission connection

In order to obtain the entries for your form, you must insert a custom send address in the form. We recommend that you use the submission service from form.taxi.

Request the send address, then insert this address in the HTML source code of the form in the place of SEND ADDRESS. Now your form is finally ready to use. Register the form with form.taxi to get your send address: