alle Vorlagen

HTML Vorlage Terminanfrage

Mit diesem Muster eines Terminanfrageformulars, das für die Online-Terminvereinbarung mit Ihren Kunden gedacht ist, können Ihre Website-Besucher unkompliziert ihren Terminwunsch an Sie übermitteln.

Für Person
Terminwunsch

Bestätigung gewünscht per

Einbau in Ihre Website

Mit folgenden 3 Schritten richten Sie das Formular auf Ihrer Webseite ein, inklusive Benachrichtigung bei neuen Sendungen und Speicherung der Sendungsdaten.

Sollten Sie professionelle Unterstützung beim Einbau des Formulars in Ihre Website benötigen, können Sie sich gerne per E-Mail an unseren Support wenden: support@form.taxi

1. Schritt: HTML-Code übernehmen

Kopieren Sie folgenden HTML-Code und fügen Sie ihn an der gewünschten Stelle in den Quelltext Ihrer Seite ein.

<form action="SENDEADRESSE" id="ft-form" method="POST" accept-charset="UTF-8">
  <fieldset>
    <legend>Für Person</legend>
    <label>
      Name
      <input type="text" name="Name" required>
    </label>
    <div class="two-cols">
      <label>
        E-Mail-Adresse
        <input type="email" name="E-Mail" required>
      </label>
      <label>
        Telefonnummer
        <input type="tel" name="Telefon">
      </label>
    </div>
  </fieldset>
  <fieldset>
    <legend>Terminwunsch</legend>
    <div class="two-cols">
      <label>
        Datum
        <input type="date" name="Terminwunsch" required>
      </label>
      <div class="inline">
        <label>
          <input type="hidden" name="Vormittags erwünscht" value="Nein">
          <input type="checkbox" name="Vormittags erwünscht" value="Ja">
          Vormittags
        </label>
        <label>
          <input type="hidden" name="Nachmittags erwünscht" value="Nein">
          <input type="checkbox" name="Nachmittags erwünscht" value="Ja">
          Nachmittags
        </label>
      </div>
    </div>
    <p>Bestätigung gewünscht per</p>
    <div class="inline">
      <label>
        <input type="radio" name="Terminbestätigung per" value="E-Mail" checked>
        E-Mail
      </label>
      <label>
        <input type="radio" name="Terminbestätigung per" value="Telefon">
        Telefon
      </label>
    </div>
    <div>
      <label>
        <input type="checkbox" name="Datenverarbeitung bestätigt" value="Ja" required>
        <span>Ich bin mit der Verarbeitung meiner Eingaben zum Zwecke der Anfragebearbeitung durch <a href="https://form.taxi/de" target="_blank">Form.taxi</a> einverstanden.</span>
      </label>
    </div>
  </fieldset>
  <div class="btns">
    <input type="text" name="_gotcha" value="" style="display:none;">
    <input type="submit" value="Anfrage senden">
  </div>
</form>

2. Schritt: Anpassen des Formulars

Passen Sie diesen HTML-Code frei nach Ihren Anforderungen an, wenn sie beispielsweise weitere Eingabefelder hinzufügen möchten.

Die Darstellung und Design des Formulars wird mit CSS definiert und kann frei und entsprechend dem Erscheinungsbild Ihrer Homepage erstellt werden. Übernehmen Sie unser vorbereitetes Stylesheet. Dieses bietet ein Standard-Design für die Darstellung des Formulars (wie auf dieser Seite), welches für die meisten Websites passend sein sollte:

ft-form-styles-v3.css

3. Schritt: Sendeverbindung herstellen

Damit die Eingaben Ihres Formulars empfangen werden, ist im Formular nur noch die Eintragung einer individuellen Sendeadresse erforderlich. Am Besten nutzen Sie dafür den Sende-Service von form.taxi.

Fordern Sie die Sendeadresse an und tragen Sie diese Adresse im HTML-Quellcode des Formulars, an der Stelle von SENDEADRESSE ein. Anschliessend ist Ihr Formular bereits einsatzbereit. Registrieren Sie jetzt das Formular bei form.taxi um Ihre Sendeadresse zu erhalten: