Kontaktformular für Cloudflare Pages
Cloudflare Pages liefert Ihre Seite statisch aus. Für ein Formular müssten Sie sonst eine Pages Function schreiben, die E-Mails verschickt und Spam abwehrt. Mit FormPost schicken Sie das Formular einfach an uns.
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
- Eine eigene Pages Function ist eine echte Alternative, wenn Sie den Code selbst pflegen wollen. Dann kümmern Sie sich aber auch um E-Mail-Versand, Spamschutz und das Speichern der Übermittlungen.
- Tragen Sie bei FormPost die Domain ein, unter der die Seite erreichbar ist – ihr-projekt.pages.dev oder Ihre eigene Domain.
- Preview-Deployments laufen unter Adressen wie 1a2b3c4d.ihr-projekt.pages.dev. Im Free-Tarif lehnen wir Übermittlungen von dort ab. Im Pro-Tarif können Sie für das Formular alle Subdomains freigeben, dann funktionieren auch die Previews.
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.