HTML-Kontaktformular (kein Backend nötig)

Das Snippet

<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

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.

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.