Warum ein Kontaktformular auf der Website Anfragen verliert
Fast jede KMU-Website hat eins, und trotzdem kommt oft wenig an. Ein Kontaktformular auf der Website verliert Anfragen an drei Stellen: beim Ausfüllen, bei der Zustellung und beim Nachfassen. Die erste Stelle kennt jeder, die beiden anderen bemerkt dagegen kaum jemand.
Beim Ausfüllen hilft der bekannte Rat „weniger Felder“ tatsächlich, allerdings nicht automatisch. Die meistzitierte Fallstudie stammt zum Beispiel von 2008. Damals kürzte die Agentur Imaginary Landscape ihr Kontaktformular von 11 auf 4 Felder. Die Abschlussrate stieg dadurch von 5,4 auf 11,9 Prozent. Dahinter stehen jedoch nur 10 gegen 26 Anfragen in je zwei Monaten.
Es geht nämlich auch andersherum. Laut einem Bericht des CXL-Instituts strich der Conversion-Berater Michael Aagaard bei Unbounce drei von neun Feldern und verlor dadurch 14 Prozent der Abschlüsse. Mit neun Feldern und besser formulierten Beschriftungen gewann er dagegen 19,2 Prozent. Entscheidend ist also, welche Felder bleiben und wie klar sie sind.
47,4 %
der Aufrufe eines Kontaktformulars endeten mit dem Absenden (Zuko-Benchmark)
39,4 %
Abschlussrate von Kontaktformularen auf dem Handy, am Desktop 51,2 % (Zuko)
6,28 %
mittlere Abbruchquote am Feld Telefon, E-Mail 6,41 % (Zuko, 1.362 Formulare)
Mehr als die Hälfte der Besucher, die ein Kontaktformular aufrufen, schickt es also nie ab. Wie du Vertrauen und Platzierung rund um das Formular verbesserst, steht im Beitrag zur Conversion-Optimierung für Handwerksbetriebe. Hier geht es dagegen um das Formular selbst und den Weg bis in dein Postfach.
Voraussetzungen für ein besseres Anfrageformular
Bevor du am Kontaktformular deiner Website drehst, prüf zuerst das Fundament. Die Schritte unten beziehen sich auf das Formular-Widget von Elementor Pro im Editor V3. Was der neue Editor V4 schon kann, steht am Ende der Anleitung. Für ein besseres Anfrageformular brauchst du außerdem Folgendes:
- Elementor Pro: Das Formular-Widget gibt es laut Elementor nur in den Bezahl-Tarifen. Im kleinsten Tarif Essential fehlen laut Preisseite allerdings die gespeicherten Einsendungen.
- HTTPS mit gültigem Zertifikat: Schon ein Kontaktformular löst laut Hamburger Datenschutzbehörde die Pflicht zur Verschlüsselung aus.
- Postfach auf deiner Domain: eine Adresse wie anfrage@deinefirma.de, dazu die SMTP-Zugangsdaten von Hoster oder Mail-Anbieter.
- Danke-Seite: eine eigene Seite, auf die das Formular nach dem Absenden weiterleitet. Sie zählt später als Conversion.
- Zugang zu GA4: optional, für die Messung im letzten Abschnitt.
Welche Felder ein Kontaktformular auf der Website braucht
Für eine erste Anfrage reichen drei Pflichtfelder: Name, E-Mail und Nachricht. Alles andere ist optional und muss sich rechtfertigen. Dabei kosten Felder unterschiedlich viel. Eine ältere HubSpot-Auswertung von über 40.000 Landingpages zeigt etwa: Einzeilige Textfelder schaden kaum. Mehrere große Textfelder und Auswahllisten senken die Abschlussrate dagegen deutlich.
Feld
Pflicht?
Feldtyp in Elementor
Warum
Name
ja
Text
für die persönliche Antwort
ja
Antwortweg, mobil mit passender Tastatur
Nachricht
ja
Textarea
hier steht das eigentliche Anliegen
Telefon
nein
Tel
nur, wenn du wirklich zurückrufst
Firma
nein
Text
sinnvoll im B2B-Geschäft
Anliegen
nein
Radio
bei zwei bis drei Optionen statt Auswahlliste
Das Telefon-Feld verdient deshalb einen zweiten Blick. Laut Zuko-Daten aus 1.362 Formularen gehört es zu den Feldern mit den meisten Abbrüchen. Frag die Nummer also nur ab, wenn ein Anruf wirklich der nächste Schritt ist, und mach sie dann optional. Ein Website-Formular für Angebote darf hingegen ein Auswahlfeld mehr haben, wenn es dir eine Rückfrage spart.
Kontaktformular optimieren: Schritt für Schritt in Elementor
Die acht Schritte gehen der Reihe nach durch das Widget, von den Feldern bis zur Testmail. Öffne dazu die Seite mit deinem Kontaktformular auf der Website im Elementor-Editor und klick das Formular an. Die Bezeichnungen stammen aus der englischen Elementor-Hilfe, in der deutschen Oberfläche können sie abweichen.
Felder auf das Nötige kürzen
Geh im Bereich der Formularfelder jedes Feld durch. Frag dich dabei, ob du die Antwort vor dem ersten Gespräch wirklich brauchst. Lösch alles, was erst später wichtig wird, zum Beispiel Budget oder Anschrift. Übrig bleiben Name, E-Mail, Nachricht und höchstens ein, zwei optionale Felder.
Passende Feldtypen wählen
Stell das E-Mail-Feld auf den Typ Email und das Telefonfeld auf Tel. So zeigt das Handy die passende Tastatur.
Beschriftungen sichtbar machen
Trag für jedes Feld ein Label ein und lass es sichtbar. Ein Platzhalter im Feld verschwindet nämlich beim Tippen und ersetzt laut Nielsen Norman Group kein Label. Schalte bei Pflichtfeldern „Required“ ein und aktivier die Pflichtmarkierung, damit jedes Pflichtfeld einzeln erkennbar ist.
Button und Meldungen formulieren
Schreib auf den Button, was passiert, etwa „Anfrage senden“ statt „Absenden“. Unter Additional Options legst du anschließend über Custom Messages eigene Texte für Erfolg und Fehler fest. Nenn dort, wann du antwortest, zum Beispiel „Du hörst bis morgen Mittag von mir“.
Spam-Schutz ohne Rätsel einbauen
Füge zuerst das Feld Honeypot hinzu. Es ist für Menschen unsichtbar, Bots füllen es dagegen aus und werden aussortiert. Reicht das nicht, ergänzt du das Feld reCAPTCHA V3. Es unterbricht Besucher laut Google nie und bewertet jede Anfrage mit einem Wert zwischen 0,0 und 1,0. Weil dabei Daten an Google gehen, klärst du vorher den Datenschutz. Rätsel zum Abtippen meidest du, denn sie sperren Menschen mit Einschränkungen aus.
Aktionen nach dem Absenden festlegen
Wähl unter Actions After Submit mindestens Collect Submissions, Email und Redirect. Collect Submissions speichert jede Anfrage zusätzlich in WordPress. Geht eine Mail verloren, hast du so trotzdem eine Kopie. Redirect schickt den Besucher auf deine Danke-Seite. Mit Email 2 bekommt der Absender außerdem eine Bestätigung.
Absender auf die eigene Domain stellen
Trag im Bereich Email bei From Email eine Adresse deiner Domain ein, bei Reply To dagegen das E-Mail-Feld des Besuchers. So empfiehlt es Elementor selbst. Installier danach ein SMTP-Plugin wie WP Mail SMTP oder FluentSMTP. Hinterleg dort die Zugangsdaten deines Postfachs und schick die Testmail des Plugins ab.
Mit einer Testanfrage prüfen
Schick das Kontaktformular deiner Website schließlich selbst ab, einmal vom Rechner und einmal vom Handy. Prüf, ob die Mail ankommt, ob die Danke-Seite erscheint und ob die Anfrage unter Elementor > Submissions steht. Beantworte die Testmail einmal: Die Antwort muss an die Adresse aus dem Formular gehen.
Im neuen Editor V4 heißt das Gegenstück übrigens Atomic Form. Laut Elementor-Hilfe kann es bisher E-Mails senden und Einsendungen speichern. Mit Version 4.4.0 vom 9. November 2026 kamen Weiterleitung, Honeypot und reCAPTCHA mit Wertung dazu. Mehrstufige Formulare und Webhooks sind dort allerdings nicht dokumentiert. Brauchst du sie, bleib vorerst beim klassischen Widget.
Datenschutz und Barrierefreiheit im Formular auf der Website
Ein Formular auf der Website sammelt personenbezogene Daten, deshalb gelten ein paar Grundregeln. Laut der Hamburger Datenschutzbehörde verlangt schon ein Kontaktformular TLS mit gültigem Zertifikat. Die Datenschutzbehörde in Niedersachsen verlangt außerdem, dass die Datenschutzerklärung über solche Eingaben informiert. Frag zudem nur ab, was du für die Antwort brauchst.
Barrierefreiheit hilft dabei allen Besuchern, nicht nur Menschen mit Einschränkungen. Die Richtlinie WCAG 2.2 des W3C verlangt unter anderem sichtbare Labels, Fehlermeldungen in Textform und Klickflächen von mindestens 24 mal 24 Pixeln. Ein Fehler darf also nicht nur durch einen roten Rahmen auffallen. Schreib stattdessen direkt ans Feld, was fehlt.
Gilt das BFSG für dein Kontaktformular?
Das Barrierefreiheitsstärkungsgesetz gilt seit dem 28. Juni 2025. Kleinstunternehmen mit weniger als 10 Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz oder Bilanzsumme sind bei Dienstleistungen ausgenommen. Reine Info-Websites fallen laut Bundesfachstelle Barrierefreiheit eher nicht darunter. Prüf deinen Fall trotzdem, wenn Kunden bei dir online buchen oder Verträge schließen.
Anfragen kommen nicht an: Kontaktformular der Website prüfen
Der teuerste Fehler ist unsichtbar: Das Formular meldet Erfolg, aber die Mail kommt nie an. Elementor verschickt nämlich über die WordPress-Funktion wp_mail, die standardmäßig die PHP-Funktion mail() nutzt. Manche Hoster schalten diese Funktion ab. Ohne eigene Einstellung sendet WordPress außerdem von einer Adresse wie wordpress@deinedomain.de, die es oft gar nicht gibt.
Dazu kommen die Regeln der großen Postfächer. Seit Februar 2024 verlangt Google von allen Absendern an Gmail einen SPF- oder DKIM-Eintrag. Beides sind Einträge im DNS deiner Domain, die belegen, dass ein Server in deinem Namen senden darf. Ein Kontaktformular der Website ohne diese Einträge landet deshalb schnell im Spam.
Symptom
Wahrscheinliche Ursache
Lösung
keine Mail, Anfrage steht unter Submissions
PHP mail() beim Hoster gesperrt
SMTP-Plugin einrichten, Testmail senden
Mail landet im Spam
fremde Absenderadresse, SPF oder DKIM fehlen
From Email auf eigener Domain, SPF und DKIM beim Hoster setzen
deine Antwort geht an dich selbst
Reply To fehlt
Reply To auf das E-Mail-Feld stellen
keine Anfrage unter Submissions
Collect Submissions aus oder Tarif ohne Einsendungen
Aktion einschalten, Tarif prüfen
Fehlermeldung beim Absenden
Mailversand des Servers scheitert
SMTP über externen Server testen, sonst Hoster fragen
Ein Hinweis steht sogar im WordPress-Code selbst: Dass wp_mail erfolgreich war, heißt nicht, dass die Mail angekommen ist. Verlass dich also nicht auf die Erfolgsmeldung im Formular. Schick stattdessen einmal im Monat eine Testanfrage und schau, ob sie im Postfach landet.
Ob eine Anfrage ankommt, entscheidet die Zustellung, nicht das Formular. Deshalb gehört eine Testmail zu jeder Änderung.
So misst du, ob dein Website-Formular mehr Anfragen bringt
Ohne Messung weißt du nicht, ob die Änderungen wirken. GA4 erfasst mit der erweiterten Messung „Formularinteraktionen“ zwei Ereignisse: form_start beim ersten Kontakt mit einem Formular und form_submit beim Absenden. Teilst du die Absendungen durch die Starts, bekommst du folglich deine Abschlussrate.
Ob form_submit bei deinem Formular zuverlässig auslöst, prüfst du in der DebugView von GA4. Robuster ist allerdings die Danke-Seite: Markier ihren Aufruf als Schlüsselereignis, dann zählt jede echte Anfrage genau einmal. Wie du Ereignisse und Kanäle in GA4 auswertest, zeigt der Beitrag über KI-Traffic in GA4.
Vergleich dann vier Wochen vor und vier Wochen nach der Umstellung. Ändere dabei möglichst nur das Formular, nicht gleichzeitig Werbung oder Startseite. Die beste Abschlussrate nützt allerdings wenig, wenn eine Anfrage drei Tage liegt.
Meine Einschätzung
Ein Kontaktformular auf der Website ist kein Designobjekt, sondern ein Postweg. Fang deshalb mit Zustellung und Feldern an, nicht mit Farben. Eine Testmail und zwei gestrichene Felder bringen mehr als jeder neue Button-Ton. Mehrstufige Formulare lohnen erst, wenn du viele Angaben wirklich brauchst.
Häufige Fragen
Wie viele Felder sollte ein Kontaktformular haben?
So wenige wie für die erste Antwort nötig, meist drei: Name, E-Mail und Nachricht. In einer Fallstudie von 2008 verdoppelte sich die Abschlussrate, als ein Formular von 11 auf 4 Felder schrumpfte. Ein Test bei Unbounce zeigt aber auch: Werden die falschen Felder gestrichen, sinkt die Rate. Klare Beschriftungen zählen also genauso viel wie die Anzahl.
Warum kommen Mails aus dem Elementor-Formular nicht an?
Meist liegt es am Versand. Elementor nutzt die WordPress-Funktion wp_mail und damit standardmäßig PHP mail(), das manche Hoster sperren. Fehlen zusätzlich SPF oder DKIM für deine Domain, sortiert Gmail die Mails leicht in den Spam. Abhilfe schaffen ein SMTP-Plugin, eine Absenderadresse auf der eigenen Domain und eine Testmail.
Wo sehe ich Anfragen aus dem Kontaktformular in WordPress?
In Elementor Pro unter Elementor > Submissions, sofern unter Actions After Submit die Aktion Collect Submissions aktiv ist. Dort kannst du Einsendungen auch als CSV exportieren. Im kleinsten Tarif Essential fehlt diese Funktion laut Elementor-Preisseite. Ein Kontaktformular auf der Website hängt dann allein an der Mail, prüf also zuerst deinen Tarif.
Bringen mehrstufige Formulare mehr Anfragen?
Belastbar belegt ist das nicht. Die oft zitierten Prozentwerte lassen sich auf keine Originalstudie zurückführen. Mehrstufige Formulare können helfen, wenn du viele Angaben brauchst, etwa für ein Angebot. Für eine einfache Kontaktanfrage reicht dagegen ein Schritt. Willst du es genau wissen, teste beide Varianten gegeneinander.
Muss ein Kontaktformular verschlüsselt sein?
Ja. Laut den Datenschutzbehörden in Hamburg und Niedersachsen dürfen Daten aus einem Kontaktformular nur verschlüsselt per HTTPS übertragen werden, mit gültigem Zertifikat einer anerkannten Stelle. Abgelaufene oder selbst erzeugte Zertifikate reichen nicht. Leite außerdem alle Aufrufe über http automatisch auf https um.
Du willst das nicht allein umsetzen?
Ich helfe dir bei Auswahl, Einrichtung und den ersten Schritten – ohne Agentur-Overhead.
Quellen
- Fallstudie Formularfelder (Imaginary Landscape, 2008)
- Benchmark nach Formulartyp (Zuko)
- Abbrüche je Formularfeld (Zuko)
- Platzhalter in Formularen (Nielsen Norman Group)
- Form-Widget (Elementor Hilfe)
- Formular-Mails und Server-Fehler (Elementor Hilfe)
- wp_mail (WordPress Developer Reference)
- Richtlinien für E-Mail-Absender (Google)
- Erweiterte Messung (Google Analytics Hilfe)
- Information für Website-Betreiber (HmbBfDI, 2023)
- Websites datenschutzkonform betreiben (LfD Niedersachsen)
- WCAG 2.2 (W3C)
- BFSG § 2 Begriffsbestimmungen
- FAQ zum BFSG (Bundesfachstelle Barrierefreiheit)
Stand vom 13. November 2026 · Zahlen und Pläne können sich ändern – wir halten den Beitrag aktuell.
