Migration von Formspree zu Formhook: die Zehn-Minuten-Anleitung

Das Beste an der Kategorie „Formular-Backend" ist, dass der Anbieterwechsel bewusst trivial gehalten ist: Der einzige Integrationspunkt Ihrer Website ist eine einzige URL. Hier die komplette Migration, inklusive der Teile, die man sonst vergisst.

(Warum überhaupt migrieren? Der ehrliche Vergleich - Preise, Aufbewahrung, EU-Hosting - findet sich auf der Seite Formhook vs. Formspree. Diese Anleitung setzt voraus, dass Sie sich bereits entschieden haben.)

Schritt 1: Bestehende Einsendungen exportieren

Wenn Sie einen kostenpflichtigen Formspree-Plan nutzen, exportieren Sie zuerst Ihren Einsendungsverlauf - laut deren Preisseite ist der Export ab dem Personal-Plan enthalten. Prüfen Sie die Einsendungsansicht Ihres Formulars auf die Export-Option und laden Sie alles herunter, bevor Sie sonst etwas anfassen. Wenn Sie auf deren kostenlosem Plan sind, kopieren Sie manuell, was Sie brauchen; deren kostenlose Stufe ist für Tests gedacht, daher sollten idealerweise kaum Produktionsdaten darin stecken.

Bewahren Sie diesen Export auf, egal wo Sie am Ende landen - anbieterunabhängige Backups Ihrer Lead-Daten sind einfach gute Praxis.

Schritt 2: Das Formhook-Formular erstellen

Registrieren Sie sich, erstellen Sie ein Formular und kopieren Sie dessen Schlüssel. Zwei Einstellungen, die Sie dabei gleich konfigurieren sollten:

• CORS-Allowlist - fügen Sie die Domain(s) Ihrer Website hinzu, einschließlich der www-Variante, falls Sie beide bedienen.
• Turnstile - falls Sie zuvor einen CAPTCHA-ähnlichen Schutz hatten, aktivieren Sie jetzt Turnstile, damit der Schutz beim Wechsel durchgängig bestehen bleibt. Honeypot und Rate-Limiting sind bereits aktiv.

Schritt 3: Die Ein-Zeilen-Änderung

Feldnamen müssen nicht geändert werden - beide Dienste akzeptieren standardmäßige form-encoded POSTs, und Formhook nimmt zusätzlich JSON und Multipart entgegen. Falls Sie fetch/AJAX verwendet haben, gilt derselbe Ein-Zeilen-Wechsel für die URL in Ihrem Code.

Wonach Sie greppen sollten, um jede Stelle zu erwischen: die alte URL in Komponenten, Umgebungsvariablen wie FORM_ENDPOINT, und jeden fest codierten Endpunkt in seitenspezifischen Templates. Bei Websites mit mehreren Formularen: Formhooks kostenlose Stufe umfasst mehrere Formulare, ordnen Sie also jedes alte Formular einem eigenen Schlüssel zu, statt sie zusammenzulegen - so bleiben Benachrichtigungen und Einstellungen pro Formular sauber getrennt.

Schritt 4: Vom deployten Standort aus testen

Deployen Sie, dann senden Sie einen echten Test von der Produktions-URL aus, nicht von localhost - nur dort werden CORS, DNS und TLS gemeinsam durchlaufen. Prüfen Sie drei Dinge: Der Erfolgsstatus wird im Browser angezeigt, die Einsendung erscheint in Ihrem Formhook-Dashboard, und die Benachrichtigung erreicht Ihr Gerät. Nutzen Sie dabei gleich die vollständige Pre-Launch-Checkliste.

Schritt 5: Das alte Formular abschalten

Lassen Sie das alte Formspree-Formular als Sicherheitsnetz noch ein paar Tage aktiv, und deaktivieren Sie es erst, wenn Sie bestätigt haben, dass die Einsendungen zuverlässig bei Formhook ankommen. Bewahren Sie Ihren Export archiviert auf. Das ist die gesamte Migration - ein Attribut, ein paar Einstellungen und ein Test. Der Grund, warum das so einfach ist, ist derselbe Grund, warum der Wechsel weg von jedem Formular-Backend einfach ist: Ihre Website hängt von einer einzigen URL ab, nicht von einem Lock-in.