Anleitung

HTML-Kontaktformular (kein Backend nötig)

Alles, was Sie für ein funktionierendes Kontaktformular auf einer reinen HTML-Seite brauchen, ist das richtige form-action-Attribut. Fügen Sie das in eine beliebige .html-Datei ein, tauschen Sie Ihren Formhook-API-Schlüssel ein, und Sie haben einen funktionierenden Endpoint mit Spam-Schutz, Dashboard und Push-Benachrichtigung bei jeder Einsendung.

Das Snippet

contact.HTML

<form action="https://formhook.app/f/YOUR_API_KEY" method="POST">
  <label>
    Email
    <input type="email" name="email" required />
  </label>

  <label>
    Message
    <textarea name="message" required></textarea>
  </label>

  <!-- honeypot: bots fill this; humans don't see it -->
  <input type="text" name="_gotcha" tabindex="-1" autocomplete="off" hidden />

  <!-- optional: send users to a thank-you page after a native POST -->
  <input type="hidden" name="_redirect" value="https://example.com/thanks" />

  <button type="submit">Send</button>
</form>

So funktioniert es

Das action-Attribut ist der Endpoint, der die Einsendung empfängt. Formhook gibt Ihnen eine URL pro Formular - kopieren Sie sie aus Ihrem Dashboard, nachdem Sie ein Konto erstellt haben. Das _gotcha-Feld ist ein Honeypot: Bots füllen jedes Eingabefeld aus, echte Nutzer sehen es nicht, also wird jede Einsendung mit Inhalt in diesem Feld stillschweigend verworfen (ohne Ihr Kontingent zu verbrauchen). Das _redirect-Feld ist optional - wenn vorhanden, sendet Formhook nach einem erfolgreichen nativen Formular-POST einen 302 an diese URL. Die URL muss in der Allowed-Origins-Liste Ihres Formulars stehen, also gibt es keine Open-Redirect-Überraschungen.

Was als Nächstes passiert

Die Einsendung erscheint innerhalb einer Sekunde in Ihrem Formhook-Dashboard.
Ihr Handy, Laptop und Desktop melden sich mit einer Push-Benachrichtigung (sofern aktiviert).
Sie können dem Absender - ab dem Pro-Tarif - direkt im Einsendungs-Detail antworten.

Veröffentlichen Sie heute Ihr HTML-Kontaktformular.

Kostenlos registrieren, Formular erstellen, API-Schlüssel einfügen. Fünf Minuten.

Kostenlos starten

Kostenlose Stufe: 5 Formulare · 250 Einsendungen/Monat · Keine Kreditkarte.

HTML-Kontaktformular - FAQ

Wie stoppt Formhook Spam ohne reCAPTCHA?

Zwei Ebenen. Das versteckte _gotcha-Honeypot-Feld verwirft die faulen Bots stillschweigend - sie füllen jedes Feld aus, echte Nutzer sehen das Feld nicht. Für den Rest aktivieren Sie Cloudflare Turnstile in den Formulareinstellungen; es ist ein Schalter pro Formular. Außerdem gibt es ein gleitendes Zeitfenster-Rate-Limit pro Formular.

Kann ich mehrere Kontaktformulare auf derselben Seite haben?

Ja. Ein Formhook-Formular, ein API-Schlüssel, ein Endpoint. Die kostenlose Stufe deckt fünf Formulare ab - kostenpflichtige Stufen mehr. Jedes Formular hat sein eigenes Dashboard, seine eigene Allowed-Origins-Liste und seinen eigenen Push-Schalter.

Wie leite ich Nutzer nach dem Senden auf eine Dankesseite weiter?

Fügen Sie <input type="hidden" name="_redirect" value="https://example.com/danke" /> in das Formular ein. Die URL muss in der Allowed-Origins-Liste Ihres Formulars stehen - Formhook prüft streng, also gibt es keine Open-Redirect-Lücken.

Anleitungen für andere Frameworks

Migrating from Formspree? See how Formhook compares.