Kontaktformular auf der Website: Aufbau, Felder und häufige Fehler

Das Kontaktformular ist einer der unterschätztesten Teile einer Unternehmenswebsite. Viele Betriebe investieren viel Zeit in Design und Texte, bauen dann aber ein Formular, das potenzielle Kunden abschreckt, bevor sie die erste Zeile tippen. Dabei ist der Aufbau eines guten Kontaktformulars keine Wissenschaft.

In meiner Arbeit mit kleinen und mittelständischen Unternehmen sehe ich immer wieder dieselben Muster: zu viele Felder, keine Bestätigung nach dem Absenden, und gelegentlich gar kein Formular, sondern nur ein nackter E-Mail-Link. Dieser Artikel erklärt, wie ein Kontaktformular richtig aufgebaut wird, welche Felder wirklich nötig sind und wo die häufigsten Fehler liegen.

Warum ein Kontaktformular und kein E-Mail-Link?

Die einfachste Form der Kontaktmöglichkeit auf einer Website ist ein klassischer mailto-Link: Der Besucher klickt auf die Adresse, sein E-Mail-Programm öffnet sich und er schreibt eine Nachricht. Klingt praktisch, hat aber mehrere echte Nachteile.

Erstens setzt ein mailto-Link voraus, dass auf dem Gerät des Nutzers ein E-Mail-Programm eingerichtet ist. Das ist auf vielen Computern nicht der Fall, besonders bei Nutzern, die webbasierte Dienste wie Gmail oder Outlook im Browser verwenden. Ein Klick auf den Link passiert dann nichts, oder es öffnet sich ein leerer Standard-Client ohne jede Konfiguration.

Zweitens wird eine offen in den HTML-Code geschriebene E-Mail-Adresse von automatisierten Bots erfasst und landet innerhalb kürzester Zeit auf Spam-Listen. Das führt zu hunderten von unerwünschten Nachrichten pro Monat, die wichtige Kundenanfragen überfluten.

Drittens haben Sie bei einem mailto-Link keine Kontrolle darüber, welche Informationen der Nutzer mitschickt. Oft kommen Nachrichten an wie: "Ich hätte eine Frage" - ohne Namen, ohne Telefonnummer, ohne Kontext.

Ein Kontaktformular löst alle diese Probleme gleichzeitig. Es schützt die E-Mail-Adresse, gibt dem Nutzer eine klare Struktur und ermöglicht eine automatische Bestätigung nach dem Absenden.

Die drei Felder, die fast immer reichen

Die häufigste Frage, die ich beim Aufbau von Kontaktformularen bekomme: "Welche Felder brauchen wir?" Meine Antwort ist meistens dieselbe: drei.

• Name - damit ich weiß, an wen ich antworte
• E-Mail-Adresse - damit ich antworten kann
• Nachrichtenfeld - damit der Nutzer sein Anliegen beschreiben kann

Das ist alles. Mit diesen drei Angaben kann jede Anfrage bearbeitet werden. Alles andere ist entweder optional oder gehört in das erste Gespräch nach dem Erstkontakt.

Bei einem Kunden aus Hamburg, der eine handwerkliche Dienstleistung anbietet, haben wir das Formular von neun auf drei Felder reduziert. Die Zahl der eingegangenen Anfragen stieg innerhalb weniger Wochen spürbar an, ohne dass die Qualität der Anfragen schlechter wurde.

Welche Felder optional sein dürfen

Es gibt Situationen, in denen ein viertes oder fünftes Feld Sinn ergibt. Das Stichwort ist jedoch: optional.

Ein Betreff-Feld kann helfen, eingehende Anfragen intern zu sortieren. Eine Telefonnummer ist sinnvoll, wenn Ihr Unternehmen bevorzugt telefonisch antwortet. Ein Dropdown-Menü für die Art des Anliegens kann die Bearbeitung beschleunigen, wenn Sie regelmäßig viele unterschiedliche Anfragen erhalten.

Der entscheidende Punkt: Kein dieser Felder sollte Pflicht sein. Wer ein optionales Feld leer lässt, darf trotzdem absenden können.

Warum weniger Pflichtfelder mehr Anfragen bedeuten

Hinter dieser Aussage steckt eine einfache Verhaltenslogik. Jedes Feld, das ausgefüllt werden muss, ist eine Entscheidung: "Bin ich bereit, das anzugeben?" Je länger diese Liste, desto größer die Wahrscheinlichkeit, dass jemand mittendrin aufhört.

Auf dem Smartphone ist dieses Problem noch ausgeprägter. Wer unterwegs ist und schnell eine Anfrage schicken möchte, tippt nicht gern sechs Felder aus. Die Alternative für ihn ist: Seite verlassen, Anfrage vergessen.

Die Logik ist dieselbe wie bei einer Ladentheke: Wer einen Kunden fünf Formulare ausfüllen lässt, bevor er eine Frage stellen darf, verliert diesen Kunden. Wer ihn einfach fragt "Wie kann ich helfen?", bekommt das Gespräch.

Die Bestätigung nach dem Absenden ist kein Detail

Ein Formular ohne Rückmeldung ist wie eine Tür ohne Klingelton: Der Besucher weiß nicht, ob jemand geöffnet hat. Nach dem Absenden eines Kontaktformulars muss dem Nutzer unmittelbar klar werden, dass seine Anfrage erfolgreich verschickt wurde.

Dafür gibt es zwei gängige Methoden:

Bestätigungsnachricht direkt auf der Seite: Das Formular verschwindet und an seiner Stelle erscheint ein kurzer Text, zum Beispiel "Vielen Dank, wir melden uns innerhalb von 24 Stunden." Diese Methode ist technisch einfach und wirkt trotzdem professionell.

Weiterleitung auf eine Dankesseite: Nach dem Absenden wird der Nutzer auf eine separate Seite weitergeleitet, die die Bestätigung enthält. Das hat den Vorteil, dass diese Seite in Analytics-Tools klar als Conversion-Ziel gemessen werden kann.

Bei einem unserer Projekte hat das Umformulieren der Bestätigungsmeldung die Zahl der Rückfragen nach Formulareinsendungen halbiert, weil Interessenten plötzlich wussten, wann sie mit einer Antwort rechnen konnten.

Fehlermeldungen richtig platzieren

Wer ein Pflichtfeld vergisst, bekommt eine Fehlermeldung. Wo diese Meldung erscheint, macht einen großen Unterschied für die Nutzererfahrung.

Eine Fehlermeldung, die nur oben auf der Seite erscheint, wird auf langen Seiten leicht übersehen. Der Nutzer klickt auf Absenden, sieht scheinbar nichts, klickt noch einmal, und verlässt frustriert die Seite.

Besser ist es, den Fehler direkt beim betroffenen Feld anzuzeigen: ein roter Rahmen um das leere E-Mail-Feld, darunter der Hinweis "Bitte geben Sie eine gültige E-Mail-Adresse ein." Das ist klar, schnell lesbar und erfordert keine Sucherei.

Kontaktformular in WordPress einrichten

Für Websites, die auf WordPress basieren, gibt es ausgereifte Plugins, die einen Großteil der Arbeit abnehmen. Die zwei am häufigsten genutzten Lösungen sind:

Contact Form 7 ist kostenlos, weit verbreitet und technisch zuverlässig. Die Konfiguration erfolgt über einen einfachen Editor, in dem man Feldtypen per Shortcode einfügt. Das Plugin unterstützt alle gängigen Feldtypen, Pflichtfeldmarkierungen, Spam-Schutz und benutzerdefinierte Bestätigungsnachrichten.

WPForms Lite bietet einen visuellen Drag-and-Drop-Editor und ist für Einsteiger oft leichter zugänglich. Felder werden einfach in das Formular gezogen, Pflichtfelder mit einem Schalter aktiviert, und die Bestätigungsnachricht direkt im Dashboard eingestellt.

Beide Lösungen sind für ein einfaches Kontaktformular vollständig ausreichend. Welches Plugin Sie wählen, hängt davon ab, ob Ihnen ein visueller Editor wichtig ist oder ob Sie lieber per Shortcode arbeiten.

Häufige Fehler im Überblick

Abschließend eine kurze Zusammenfassung der Fehler, die ich am häufigsten bei Kundenprojekten antreffe:

Das Formular fragt zu viele Informationen ab. Name, E-Mail, Nachricht, Telefon, Firma, Branche, Umsatz, Mitarbeiterzahl. Alles als Pflichtfeld. Das Resultat: kaum jemand schickt das Formular ab.

Es gibt keine Bestätigung nach dem Absenden. Der Nutzer weiß nicht, ob etwas passiert ist.

Fehlermeldungen erscheinen nur ganz oben auf der Seite. Niemand scrollt zurück, um nachzusehen.

Das Formular ist auf dem Smartphone kaum zu bedienen, weil die Felder zu klein sind oder nebeneinander liegen.

Es gibt gar kein Formular, nur eine E-Mail-Adresse, die auf mobilen Geräten keine E-Mail-App öffnet.

Ein Kontaktformular ist kein technisches Kunstwerk, es ist ein Werkzeug. Wer dieses Werkzeug schlicht und klar hält, bekommt mehr Nachrichten von echten Interessenten, und das ohne jede Zauberei. Wenn Sie Unterstützung beim Aufbau Ihrer Website oder beim Optimieren bestehender Formulare benötigen, stehe ich gern zur Verfügung. Sie finden das Kontaktformular hier.

Häufige Fragen

Welche Felder sind in einem Kontaktformular wirklich notwendig?

Für die meisten Unternehmen reichen Name, E-Mail-Adresse und ein freies Nachrichtenfeld. Diese drei Angaben erlauben es, die Anfrage zu bearbeiten und den Interessenten zu erreichen. Telefonnummer oder Betreff können optional angeboten werden, sollten aber nie als Pflichtfeld gesetzt sein.

Was passiert, wenn das Kontaktformular keine Bestätigungsnachricht zeigt?

Ohne Rückmeldung weiß der Nutzer nicht, ob seine Anfrage angekommen ist. Er schickt das Formular möglicherweise mehrfach ab oder verlässt die Seite mit einem schlechten Gefühl. Eine kurze Bestätigungsmeldung oder eine Weiterleitung auf eine Dankesseite löst dieses Problem zuverlässig.

Ist ein einfacher E-Mail-Link ausreichend statt eines Kontaktformulars?

Ein mailto-Link funktioniert nur, wenn auf dem Gerät des Nutzers ein E-Mail-Programm eingerichtet ist. Auf vielen Computern und Smartphones ist das nicht der Fall. Außerdem wird eine offen lesbare E-Mail-Adresse von Spam-Bots schnell erfasst. Ein Kontaktformular ist für professionelle Websites daher die bessere Lösung.

Warum sollte man die Anzahl der Pflichtfelder so gering wie möglich halten?

Jede zusätzliche Hürde erhöht die Wahrscheinlichkeit, dass ein Besucher das Formular abbricht. Viele Menschen füllen ungern lange Formulare aus, besonders auf dem Smartphone. Wer nur das Nötigste abfragt, bekommt mehr Anfragen, auch wenn einzelne davon unvollständiger sind.

Wie verhindert man Spam über das Kontaktformular?

Die einfachste Methode ist ein sogenanntes Honeypot-Feld: ein verstecktes Eingabefeld, das Menschen nicht sehen und daher auch nicht ausfüllen. Spam-Bots füllen es automatisch aus und werden dadurch erkannt. Als Ergänzung bietet sich eine einfache Sicherheitsabfrage an, die keine großen Hürden für echte Benutzer darstellt.

Welche WordPress-Plugins eignen sich für ein schlichtes Kontaktformular?

Contact Form 7 ist das meistgenutzte kostenlose Plugin und deckt alle Grundfunktionen ab. WPForms Lite bietet einen visuellen Drag-and-Drop-Editor und ist für Einsteiger oft leichter zu bedienen. Beide Plugins erlauben Bestätigungsnachrichten, Pflichtfeldkennzeichnungen und Spam-Schutz ohne Programmieraufwand.

Muss das Kontaktformular auf Mobilgeräten anders aussehen?

Das Formular selbst muss nicht anders aussehen, aber es muss auf kleinen Bildschirmen korrekt dargestellt werden. Das bedeutet: ausreichend große Eingabefelder, ein gut lesbarer Absende-Button und keine nebeneinanderliegenden Felder, die auf dem Smartphone zusammenquetschen. Einspaltige Formulare funktionieren auf allen Geräten zuverlässig.