alle Vorlagen

HTML Vorlage Kontaktformular

Verwenden Sie dieses einfache HTML-Kontaktformular auf Ihrer Homepage, um den Besuchern eine schnelle und einfache Möglichkeit zu bieten, Ihnen eine E-Mail-Nachricht zu senden, ohne dass sie Ihre E-Mail-Adresse kennen müssen.

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>
    <label>
      Name
      <input type="text" name="Name" required>
    </label>
    <label>
      E-Mail-Adresse
      <input type="email" name="E-Mail" required>
    </label>
    <label>
      Ihre Nachricht
      <textarea rows="3" name="Nachricht" required></textarea>
    </label>
    <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="Absenden">
  </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: