Kontaktformular auf Netlify
Netlify bringt mit Netlify Forms einen eigenen Formulardienst mit. FormPost ist die Alternative, wenn die Übermittlungen bei einem Anbieter in Deutschland liegen sollen oder wenn Ihr Formular unabhängig vom Hoster funktionieren soll.
Vorbereitung: Formular bei FormPost anlegen
Melden Sie sich bei FormPost an, legen Sie ein Formular an und tragen Sie die Domain ein, unter der Ihre Seite erreichbar ist. Danach zeigen wir Ihnen die Adresse Ihres Formulars. Sie ersetzt https://www.formpost.eu/f/abc123 im Code unten – sonst ist nichts anzupassen.
Das Formular in die Seite setzen
Der Code unten ist eine vollständige Kontaktseite. Ob Sie reines HTML, einen Generator oder ein Framework verwenden: Übernehmen Sie den form-Block an die passende Stelle. Für Hugo, Jekyll, Astro und Eleventy gibt es eigene Anleitungen.
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Kontakt</title>
</head>
<body>
<form action="https://www.formpost.eu/f/abc123" method="POST">
<label for="email">E-Mail</label>
<input type="email" id="email" name="email" required>
<label for="message">Nachricht</label>
<textarea id="message" name="message" required></textarea>
<input type="text" name="_gotcha" style="display:none;" tabindex="-1" autocomplete="off">
<button type="submit">Absenden</button>
</form>
</body>
</html>
Gut zu wissen
- Reicht Ihnen Netlify Forms, brauchen Sie FormPost nicht. Netlify ist ein US-Anbieter. Mit FormPost bleiben die Übermittlungen in Deutschland, und Sie können die Seite später zu einem anderen Hoster umziehen, ohne das Formular umzubauen.
- Lassen Sie die Attribute netlify und data-netlify="true" weg. Sonst registriert Netlify das Formular beim Build für Netlify Forms.
- Tragen Sie bei FormPost die Domain ein, unter der die Seite erreichbar ist – ihre-seite.netlify.app oder Ihre eigene Domain.
- Deploy-Previews und Branch-Deploys laufen unter eigenen Adressen wie deploy-preview-12--ihre-seite.netlify.app. Von dort lehnen wir Übermittlungen ab; das ist die Domainbindung, kein Fehler. Testen Sie auf der Produktionsadresse oder mit dem Testformular im Kundenbereich.
Was FormPost heute nicht kann
- Formulare werden klassisch abgeschickt, also mit einem Seitenwechsel. Ein Versand per JavaScript im Hintergrund wird derzeit nicht unterstützt.
- Dateianhänge nehmen wir nicht entgegen.
- FormPost holt keine Einwilligung Ihrer Besucher ein. Der Hinweis in Ihrer Datenschutzerklärung bleibt Ihre Aufgabe – den Textbaustein dafür finden Sie fertig formuliert bei Ihrem Formular.
Weitere Anleitungen und Vergleiche
Formular anlegen und ausprobieren
Der Free-Tarif reicht für ein Formular mit zehn Benachrichtigungen am Tag und kostet dauerhaft nichts.