Ein Kontaktformular kann technisch funktionieren und trotzdem Anfragen versenken. Zu viele Felder, unklare Pflichtangaben, kryptische Fehlermeldungen oder eine Nachricht, die nie im Postfach ankommt: Schon eine kleine Untiefe reicht, damit Besucherinnen und Besucher das Schiff verlassen.

Wer sein Kontaktformular optimieren möchte, sollte deshalb nicht nur auf Farbe und Buttontext schauen. Entscheidend ist die gesamte Strecke vom ersten Feld bis zur tatsächlichen Bearbeitung im Unternehmen. Ein gutes Formular stellt nur notwendige Fragen, erklärt verständlich, was erwartet wird, und bestätigt zuverlässig, dass die Anfrage angekommen ist.

Das Formular braucht ein klares Ziel

Bevor Felder angelegt werden, muss feststehen, welche Anfrage das Formular aufnehmen soll. Ein allgemeiner Kontakt benötigt meist weniger Angaben als eine Angebotsanfrage, Bewerbung oder Projektanfrage mit Dateiupload.

Wer sämtliche Fälle in ein einziges riesiges Formular presst, schickt seine Gäste durch einen Hindernisparcours. Besser sind kurze Formulare oder eine klare erste Auswahl wie „Angebot“, „Support“ oder „Rückruf“. Danach können nur jene Felder erscheinen, die für den gewählten Zweck wirklich gebraucht werden.

Für ein einfaches Erstgespräch reichen häufig Name, E-Mail-Adresse, Nachricht und gegebenenfalls Telefonnummer. Interne Informationen wie Kundennummer, gewünschte Leistung oder Budget können sinnvoll sein – aber nur, wenn sie die spätere Bearbeitung tatsächlich beschleunigen.

Beschriftungen statt Rätselraten

Jedes Feld braucht einen sichtbaren Namen

Platzhaltertexte wie „E-Mail eingeben“ verschwinden, sobald jemand tippt. Sie sollten daher keine echte Feldbeschriftung ersetzen. Das Formular-Tutorial des W3C empfiehlt, jedes Eingabeelement eindeutig zu beschriften und Beschriftung sowie Feld technisch miteinander zu verbinden. Das hilft Screenreadern und vergrößert bei Auswahlfeldern zugleich die bedienbare Fläche.

Auch Pflichtfelder müssen verständlich erkennbar sein. Ein rotes Sternchen allein ist keine vollständige Erklärung. Ein kurzer Hinweis oberhalb des Formulars und eine klare Kennzeichnung direkt am Feld bringen mehr Orientierung an Deck.

Formate vor der Eingabe erklären

Wenn eine Telefonnummer, ein Datum oder eine bestimmte Dateiform erwartet wird, sollte dieser Hinweis vor dem Absenden sichtbar sein. Das W3C rät dazu, notwendige Formate und Eingaberegeln verständlich anzugeben. So müssen Nutzer nicht erst scheitern, bevor sie erfahren, was das Formular verlangt.

Fehlermeldungen müssen beim Korrigieren helfen

„Es ist ein Fehler aufgetreten“ sagt fast nichts. Gute Fehlermeldungen benennen das betroffene Feld und erklären, was zu tun ist: etwa „Bitte gib eine gültige E-Mail-Adresse ein“ oder „Die Datei darf höchstens 5 MB groß sein“.

Nach den aktuellen WCAG-Hinweisen zur Fehlererkennung muss ein automatisch erkannter Eingabefehler in Textform beschrieben werden. Farbe allein genügt nicht. Wichtig ist außerdem, dass der Fokus zum Fehler geführt wird und bereits korrekt eingegebene Daten nicht plötzlich über Bord gehen.

Ein barrierefreies Formular braucht außerdem ausreichende Kontraste und gut erkennbare Zustände. Wie sich Farben funktional einsetzen lassen, erklären wir im Beitrag über barrierefreie Markenfarben.

Nach dem Absenden ist noch nicht Feierabend

Eine sichtbare Bestätigung geben

Nach erfolgreicher Übermittlung muss eindeutig erkennbar sein, dass alles funktioniert hat. Eine kurze Erfolgsmeldung direkt auf der Seite ist besser als ein scheinbar unverändertes Formular. Idealerweise nennt sie auch den nächsten Schritt: „Wir melden uns innerhalb von zwei Werktagen.“

Der Absender kann zusätzlich eine Bestätigung per E-Mail erhalten. Sie sollte die Anfrage nicht unnötig vollständig wiederholen, aber Eingang, Ansprechpartner und erwartete Reaktionszeit bestätigen. Die WPForms-Dokumentation beschreibt diese Absenderbestätigung über eine eigene Formularbenachrichtigung.

Zustellung nicht dem Zufall überlassen

Eine grüne Erfolgsmeldung bedeutet noch nicht automatisch, dass die interne Benachrichtigung im richtigen Postfach landet. Empfängeradresse, Absenderdomain, Antwortadresse und aktive Benachrichtigungen müssen kontrolliert werden. WPForms warnt in seiner aktuellen Dokumentation ausdrücklich davor, dass kleine Konfigurationsfehler die Zustellung verhindern können.

Für eine verlässlichere Zustellung sollte WordPress über einen authentifizierten Maildienst beziehungsweise SMTP senden. Danach braucht es einen echten Test: Formular absenden, Eintrag im Backend prüfen, interne Nachricht kontrollieren und auf die Bestätigung antworten. Auch nach Plugin-, Hosting- oder Mailserver-Änderungen gehört dieser Test wieder auf die Brücke.

Spam-Schutz ohne Enterhaken

Honeypot-Felder, zeitbasierte Prüfungen, Rate Limits oder ein passend eingesetzter CAPTCHA-Dienst können automatisierte Einsendungen reduzieren. Der Schutz darf echte Interessenten aber nicht blockieren. Besonders auf dem Smartphone sollten alle Aufgaben verständlich und ohne winzige Auswahlfelder bedienbar bleiben.

Dateiuploads benötigen klare Vorgaben zu Dateityp und Größe. Große Anhänge können außerdem Mailgrenzen überschreiten. Sicherer ist häufig, Dateien im geschützten Formulareintrag zu speichern und in der Benachrichtigung nur einen internen Link bereitzustellen.

Kurskarte: Kontaktformular vor dem Start prüfen

1. Ziel: Passt jedes Feld zur gewünschten Anfrage?
2. Bedienung: Sind Beschriftungen, Pflichtfelder und Formate verständlich?
3. Fehler: Werden Probleme am richtigen Feld in Textform erklärt?
4. Mobil: Funktionieren Eingabe, Dateiupload und Button am Smartphone?
5. Erfolg: Erscheint eine klare Bestätigung mit nächstem Schritt?
6. Zustellung: Kommen Eintrag, interne Mail und Absenderbestätigung an?
7. Praxis: Ist geklärt, wer Anfragen beantwortet und wie schnell?

Ein gutes Formular verbindet Website und Betrieb

Das beste Kontaktformular ist nicht das längste und nicht das technisch auffälligste. Es führt Menschen ohne Umwege zur passenden Anfrage und sorgt im Hintergrund dafür, dass die Mannschaft übernehmen kann. Genau das gehört für uns zu professionellem Webdesign: Gestaltung, Barrierefreiheit, Technik und interner Ablauf müssen zusammenspielen.

Regelmäßige Tests, Updates und Backups halten diesen Weg langfristig frei. Mehr dazu findest du bei unseren WordPress-Backups.

Dein Formular ist zu lang, liefert keine E-Mails oder bringt kaum qualifizierte Anfragen? Dann sprich mit den Netzwerkkapitänen. Wir prüfen Aufbau, Technik und Zustellung und bringen deine Kontaktstrecke wieder auf sicheren Kurs.