Kontaktformular funktioniert nicht: Warum Website-Anfragen verloren gehen

Eine Erfolgsmeldung beweist keinen E-Mail-Eingang

Ein Kontaktformular besteht aus mehreren Stationen. Zuerst erfasst der Browser die Eingaben. Danach werden die Daten an einen Server oder Formulardienst übertragen. Dort können sie geprüft und gespeichert werden. Erst anschließend löst das System möglicherweise eine E-Mail-Benachrichtigung, einen Eintrag in einer Kundenübersicht oder einen anderen internen Schritt aus. Am Ende muss eine zuständige Person die Anfrage tatsächlich sehen.

Eine grüne Meldung auf der Website sagt deshalb nur dann verlässlich etwas aus, wenn klar ist, was die Anwendung vor dieser Meldung kontrolliert. Wird sie bereits nach dem Klick angezeigt, obwohl die Antwort des Servers noch nicht feststeht, kann sie sogar einen fehlgeschlagenen Versand verdecken. Auch eine erfolgreiche Serverantwort bestätigt nicht automatisch, dass eine zusätzliche Benachrichtigungs-E-Mail im Zielpostfach angekommen ist.

Formuliere die Rückmeldung genau. „Anfrage wurde übermittelt“ passt, wenn der Server die Daten angenommen hat. Eine Aussage wie „Wir haben deine E-Mail erhalten“ solltest du nur verwenden, wenn dieser konkrete Zustand technisch belegt ist. Ergänze für dringende Fälle eine Telefonnummer oder eine direkte E-Mail-Adresse als alternativen Weg.

Die aktuelle Next.js-Dokumentation beschreibt, wie Formulare Daten an serverseitige Aktionen übergeben, Eingaben geprüft und Fehler oder ausstehende Zustände an die Oberfläche zurückgegeben werden können. Das Grundprinzip gilt unabhängig vom eingesetzten System: Die sichtbare Rückmeldung muss aus dem tatsächlichen Ergebnis des Verarbeitungsschritts entstehen.

Speicherung und Benachrichtigung unterscheiden

Beginne die Fehlersuche dort, wo das Formular seine Anfragen speichert. Bei einem Formulardienst gibt es meist eine Liste der eingegangenen Einträge. Bei einer eigenen Lösung kann es eine Datenbank, ein Protokoll oder eine Kundenübersicht sein. Ist der fragliche Eintrag dort vorhanden, hat die Annahme grundsätzlich funktioniert. Dann liegt das Problem wahrscheinlich in der Benachrichtigung oder im internen Ablauf.

Netlify trennt beispielsweise gespeicherte Formulareinträge von den Benachrichtigungen. Verifizierte Einträge lassen sich in der Formularansicht prüfen; E-Mail- oder Webhook-Benachrichtigungen werden separat eingerichtet. Eine fehlende E-Mail bedeutet daher nicht automatisch, dass die Anfrage verloren ist. Umgekehrt kann eine schön gestaltete Eingangsbestätigung keine fehlende Speicherung ersetzen.

Ist kein Eintrag vorhanden, kontrolliere Formularname, Zieladresse, HTTP-Methode und die Felder, die tatsächlich übertragen werden. Prüfe außerdem, ob die aktuell veröffentlichte Website dieselbe Formularfassung enthält, die lokal getestet wurde. Änderungen an Namen oder Feldern können dazu führen, dass ein Hostingdienst das Formular anders behandelt als erwartet.

Nutze bei der Diagnose keine echten Interessentendaten. Ein ausdrücklich gekennzeichneter interner Funktionstest mit neutralen Angaben reicht, sofern Tests im jeweiligen System erlaubt und abgestimmt sind. Halte Testeinträge von echten Leads getrennt, damit Auswertungen und Vertrieb nicht verfälscht werden.

Spamfilter und Empfänger prüfen

Wenn der Formulardienst den Eintrag gespeichert hat, kontrolliere zuerst die hinterlegte Empfängeradresse. Schon ein alter Alias, ein Tippfehler oder ein Postfach, das niemand mehr überwacht, kann Anfragen aus dem Alltag verschwinden lassen. Prüfe außerdem, ob die Benachrichtigung für dieses konkrete Formular oder nur für ein anderes Formular eingerichtet ist.

Suche im Postfach nach Absender, Betreff und Zeitpunkt, nicht nur im normalen Eingang. Kontrolliere Spam, Quarantäne, automatische Regeln, Weiterleitungen und gemeinsam genutzte Postfächer. Eine Nachricht kann technisch zugestellt und trotzdem aus der üblichen Ansicht verschoben worden sein. Bei geschäftskritischen Formularen sollte nicht nur eine einzelne Person wissen, wo die Einträge zusätzlich abrufbar sind.

Auch der Spamfilter des Formulardienstes kann eine Rolle spielen. Netlify zeigt als Spam eingestufte Einsendungen getrennt von verifizierten Einträgen. Zusätzliche Schutzmaßnahmen wie ein Honeypot können automatisierte Einsendungen abweisen. Wird ein solches verstecktes Feld versehentlich durch eine Browser-Automatik oder eigenen Code befüllt, kann auch eine legitime Übertragung aussortiert werden. Deshalb gehört die Spamlogik in die Prüfung, ohne den Schutz vorschnell zu deaktivieren.

Richte Benachrichtigungen so ein, dass ihre Aufgabe klar ist: Sie weisen auf einen gespeicherten Eintrag hin. Die verlässliche Quelle bleibt die Ablage des Formularsystems. Wenn eine Anfrage nur in einer E-Mail existiert und nirgendwo nachvollziehbar gespeichert wird, ist die spätere Fehlersuche deutlich schwieriger.

Fehler verständlich anzeigen

Ein Formular sollte Pflichtfelder und offensichtliche Formatfehler früh erklären. Das HTML-Attribut `required` und passende Eingabetypen wie `email` unterstützen eine grundlegende Prüfung im Browser. Laut MDN ersetzt diese clientseitige Prüfung die serverseitige Validierung nicht: Anfragen können außerhalb der sichtbaren Oberfläche oder mit veränderten Daten gesendet werden.

Prüfe auf dem Server erneut, ob die benötigten Angaben vorhanden und plausibel sind. Lehnt der Server eine Anfrage ab, braucht die Website eine sichtbare Rückmeldung. Ein allgemeines „Etwas ist schiefgegangen“ ist besser als eine falsche Erfolgsmeldung, hilft aber wenig bei der Korrektur. Zeige nach Möglichkeit, welches Feld geprüft werden muss, ohne interne technische Details offenzulegen.

Während der Übertragung sollte der Senden-Button einen eindeutigen Zustand zeigen. So vermeidest du, dass Besucher mehrfach klicken, weil scheinbar nichts passiert. Nach einem Fehler müssen bereits eingegebene Inhalte soweit sinnvoll erhalten bleiben. Auf dem Smartphone gehören Fehlermeldung und betroffenes Feld in denselben sichtbaren Bereich.

Plane zusätzlich den Fall, dass JavaScript nicht geladen wird oder ein externer Dienst vorübergehend ausfällt. Je nach technischer Lösung kann ein Formular auch ohne JavaScript funktionieren. Falls das nicht vorgesehen ist, sollte wenigstens ein klarer alternativer Kontaktweg sichtbar bleiben.

Zustellung regelmäßig kontrollieren

Ein einmal bestandener Test beweist nicht, dass der Anfrageweg dauerhaft funktioniert. Änderungen an Website, Hosting, Formularfeldern, Spamregeln, E-Mail-Postfächern oder Weiterleitungen können später neue Fehler erzeugen. Nimm das Formular deshalb in die Website-Betreuung auf und prüfe es nach relevanten Änderungen sowie in einem vereinbarten Rhythmus.

Ein guter Funktionstest verfolgt genau einen gekennzeichneten Testfall durch die gesamte Strecke. Notiere Zeitpunkt, verwendete Seite, Formularname, Antwort der Website, Eintrag im Formulardienst, Benachrichtigung und Sichtbarkeit im Zielpostfach. Sende dabei keine Werbekonversion und behandle den Eintrag nicht als echten Lead.

Ergänze ein kleines Fehlerprotokoll. Es sollte nicht aus Screenshots ohne Kontext bestehen, sondern die betroffene Station, den beobachteten Zustand, die Änderung und die erneute Prüfung nennen. So lässt sich später erkennen, ob derselbe Fehler wiederkehrt oder eine neue Ursache vorliegt.

Kontrolliere auch den betrieblichen Teil. Wer prüft neue Einträge, wenn die übliche E-Mail-Benachrichtigung ausbleibt? Wann gilt eine Anfrage als übernommen? Welche Alternative steht auf der Website? Technik und Zuständigkeit gehören zusammen, weil eine gespeicherte, aber ungelesene Anfrage für den Interessenten ebenfalls wie ein Ausfall wirkt.

Passend dazu

• Website-Besucher, aber keine Anfragen: Ursachen prüfen
• Onepager oder mehrere Unterseiten?
• Website-Betreuung und Funktionsprüfungen