Wie baue ich ein Kontaktformular, das ausgefüllt wird?
Ein gutes Kontaktformular fragt nur, was du für die erste Antwort wirklich brauchst: meist Name, E-Mail und eine kurze Nachricht, Telefon optional. Jedes Feld hat eine sichtbare Beschriftung, der Button sagt, was passiert. Daneben stehen Reaktionszeit und ein zweiter Kontaktweg. Nach dem Absenden folgt eine Danke-Seite, und die Anfrage kommt zuverlässig an.
Hilft auf Stufe 2: Online, aber stillWarum das Formular über deine Anfragen entscheidet
Das Kontaktformular ist der letzte Schritt vor der Anfrage. Alles davor, also Startseite, Leistungsseite und Kundenstimmen, hat Vertrauen aufgebaut. Ein umständliches Formular kann diese Arbeit in Sekunden zunichtemachen. Ein Pflichtfeld zu viel, eine unklare Fehlermeldung oder ein Formular, das auf dem Smartphone nicht funktioniert, und der Besucher ist weg.
Dazu kommt ein Problem, das viele erst spät bemerken: Formulare, die zwar abgeschickt werden, deren Anfragen aber nie ankommen. Sie landen im Spam, scheitern an einer falschen Einstellung oder werden von einem Spamschutz still verworfen.
Dieser Artikel ist für alle, die ein neues Formular planen oder ein bestehendes prüfen wollen. Die Datenschutzseite des Themas behandelt ein eigener Artikel: Was muss ich beim Kontaktformular für den Datenschutz beachten.
1 Wo das Formular hingehört
- Kontaktseite: das Formular plus Telefon, E-Mail, Adresse und Erreichbarkeit
- Ende jeder Leistungsseite: dort, wo das Interesse am größten ist, als Formular oder als Button, der zur Kontaktseite führt
- Landingpages: direkt eingebettet, oft schon im ersten Bildschirm
Ein Formular nur im Footer reicht nicht. Und ein Formular, das sich als Fenster über die Seite legt, bevor der Besucher etwas gelesen hat, stört mehr, als es bringt.
2 Die richtigen Felder
Jedes Feld muss sich seinen Platz verdienen. Frag dich bei jedem: Brauche ich diese Angabe für die erste Antwort? Wenn nicht, frag später im Gespräch. Weniger Felder sind auch aus Datenschutzsicht besser, denn die DSGVO verlangt, nur die nötigen Daten zu erheben.
| Feld | Pflicht? | Begründung |
|---|---|---|
| Name | Ja | Für eine persönliche Antwort |
| Ja | Für die Antwort | |
| Nachricht | Ja, kurz | Worum es geht |
| Telefon | Nein, optional | Viele möchten lieber zurückgerufen werden, andere gar nicht |
| Leistung als Auswahl | Optional | Hilft bei mehreren Leistungen, ein Klick statt Tippen |
| Firma | Optional, im B2B sinnvoll | Für die Vorbereitung |
| Budget | Meist nein | Schreckt im Erstkontakt ab, besser im Gespräch klären |
| Anrede, Titel | Nein | Bringt nichts für die erste Antwort |
| Datei-Upload | Nur wenn nötig | Etwa Fotos für ein Angebot im Handwerk |
Drei bis fünf Felder sind für die meisten Dienstleister ideal.
Beispiel: Eine Schreinerei fragt nach Name, E-Mail, Telefon (optional), „Worum geht es?“ als Auswahl mit Einbauschrank, Küche, Treppe, Sonstiges, und einem Nachrichtenfeld. Optional können Kunden ein Foto der Nische hochladen. Fünf Felder, eine Datei, fertig.
3 Beschriftung, die niemand missversteht
- Sichtbare Beschriftung über jedem Feld. Ein Platzhaltertext im Feld verschwindet beim Tippen, und dann weiß niemand mehr, was gefragt war. Für Menschen mit Screenreader ist er oft gar nicht lesbar.
- Pflichtfelder kennzeichnen. Entweder alle Pflichtfelder mit Sternchen und einem Hinweis dazu, oder umgekehrt die wenigen optionalen Felder mit „optional“.
- Passende Feldtypen. E-Mail-Feld als E-Mail, Telefon als Telefon. Auf dem Smartphone erscheint dann die richtige Tastatur.
- Automatisches Ausfüllen erlauben. Richtig ausgezeichnete Felder kann der Browser mit gespeicherten Daten füllen. Das nimmt Besuchern Tipparbeit ab, besonders am Handy.
- Große Flächen. Felder und Button sind auf dem Smartphone mindestens so hoch wie eine Daumenkuppe.
Ob deine Website darüber hinaus barrierefrei sein muss, klärt Muss meine Website barrierefrei sein. Gute Beschriftung hilft aber allen Besuchern.
| Schwach | Stark |
|---|---|
| Ihre Nachricht* | Worum geht es? |
| Absenden | Anfrage senden |
| Submit | Nachricht senden |
| Fehler! | Bitte gib eine E-Mail-Adresse ein, damit wir antworten können. |
| Telefon* | Telefon (optional, falls du einen Rückruf möchtest) |
Verzichte auf vorformulierte Nachrichtentexte oder mehrstufige Themen-Assistenten. Besucher schreiben lieber selbst, in ihren Worten. Klarheit und eine kurze Beruhigung helfen mehr als Vorgaben.
4 Was neben dem Formular steht
Ein Formular wird eher ausgefüllt, wenn klar ist, was danach passiert:
- Reaktionszeit: „Antwort innerhalb eines Werktags“
- Wer antwortet: Foto und Name der Person, die sich meldet
- Unverbindlichkeit: „Formlos und unverbindlich“
- Zweiter Weg: Telefon mit Erreichbarkeit oder WhatsApp für alle, die nicht schreiben wollen
- Eine Kundenstimme: zur Zusammenarbeit, etwa „Die Antwort kam am selben Nachmittag“
Unter dem Button steht der kurze Datenschutzhinweis mit Link zur Datenschutzerklärung.
5 Fehlermeldungen und Danke-Seite
Fehler direkt am Feld zeigen, in klarer Sprache und erst, wenn der Besucher das Feld verlässt oder absendet. Eingaben bleiben erhalten. Nichts frustriert mehr als ein leeres Formular nach einem Fehler.
Nach dem Absenden auf eine Danke-Seite leiten. Sie bestätigt, dass alles angekommen ist, nennt die Reaktionszeit und bietet einen nächsten Schritt an, etwa einen Ratgeber oder die Terminbuchung. Gleichzeitig ist sie der sauberste Messpunkt für dein Tracking. Wie du Anfragen als Conversion zählst, steht unter Wie messe ich Conversions.
Eine Bestätigungsmail an den Absender ist ein Plus. Sie enthält eine Kopie der Nachricht und deine Kontaktdaten, aber keine Werbung.
6 Spamschutz ohne Hürden für echte Menschen
Jedes öffentliche Formular bekommt Spam. Die Frage ist, wie du ihn abwehrst, ohne echte Anfragen zu verlieren.
- Serverseitige Prüfungen: Begrenzung, wie oft von einer Adresse in kurzer Zeit gesendet werden kann, und Prüfung, ob das Formular unrealistisch schnell abgeschickt wurde. Für Besucher unsichtbar.
- Vorsicht mit versteckten Lockfeldern: Sogenannte Honeypots sind unsichtbare Felder, die nur Bots ausfüllen sollen. Moderne Browser füllen solche Felder beim automatischen Ausfüllen aber teilweise selbst aus. Dann wird eine echte Anfrage als Spam verworfen, oft ohne Fehlermeldung. Teste das gründlich oder verzichte darauf.
- Captcha-Dienste: Rätsel und Bilderauswahl sind eine echte Hürde. Externe Prüfdienste laden zudem Daten von fremden Servern, was in der Datenschutzerklärung stehen muss und oft eine Einwilligung braucht.
7 Was nach dem Absenden passiert
Ein Formular ist nur so gut wie die Antwort darauf. Klär vorher:
- Wohin geht die Anfrage? An ein Postfach, das täglich gelesen wird, idealerweise zusätzlich in ein CRM, also eine Kundendatenbank.
- Wer antwortet, und bis wann? Die Reaktionszeit auf der Website muss eingehalten werden.
- Was passiert, wenn niemand antwortet? Eine Erinnerung nach einem Werktag hilft.
Wie du Anfragen systematisch nachfasst, zeigt Wie fasse ich Anfragen richtig nach.
8 Schritt für Schritt testen
Teste jedes Formular vor dem Livegang und danach einmal im Monat:
- Formular am Rechner ausfüllen und absenden.
- Dasselbe am Smartphone, einmal mit automatischem Ausfüllen des Browsers.
- Prüfen: Ist die Nachricht angekommen, vollständig, und nicht im Spamordner? Hilfe bei Zustellproblemen gibt Warum landen meine E-Mails im Spam.
- Prüfen: Kam die Bestätigungsmail beim Absender an?
- Prüfen: Erschien die Danke-Seite, und zählt das Tracking die Anfrage?
- Absichtlich Fehler machen: E-Mail ohne @, leere Pflichtfelder. Sind die Meldungen verständlich, bleiben die Eingaben erhalten?
- Datei-Upload testen, wenn vorhanden, mit einer großen Datei.
Häufige Fehler und wie du sie vermeidest
Zu viele Pflichtfelder. Telefon als Pflichtfeld schreckt alle ab, die nicht angerufen werden wollen.
Nur Platzhalter statt Beschriftungen. Sieht aufgeräumt aus, ist aber schwer zu bedienen.
Formular ohne Test. Die häufigste Ursache für „Ich bekomme keine Anfragen mehr“ ist ein Formular, das seit Wochen nichts zustellt.
Absendeadresse gleich Empfängeradresse. Wenn die Website im Namen des Besuchers verschickt, landen Mails oft im Spam. Besser: Versand von einer eigenen Absenderadresse deiner Domain, die Adresse des Besuchers als Antwortadresse.
Keine Danke-Seite. Der Besucher ist unsicher, ob es geklappt hat, und schickt die Anfrage dreimal oder gar nicht.
Kosten und Zeitaufwand
In Baukästen und WordPress ist ein einfaches Formular in einer Stunde eingerichtet. Zeit kosten Zustellung, Danke-Seite, Tracking und Tests. Realistisch sind zwei bis vier Stunden für ein sauber funktionierendes Formular.
Rechenbeispiel: Deine Kontaktseite hat 400 Besuche im Monat, davon senden 12 das Formular ab. Das ist eine Abschlussquote von 3 Prozent. Steigt die Quote nach dem Überarbeiten auf 4 Prozent, sind es bei gleichem Besuch 16 Anfragen, also vier mehr pro Monat. Bei einem durchschnittlichen Auftragswert von 2.000 Euro und jedem vierten Auftrag ist das ein zusätzlicher Auftrag im Monat.
Formular-Plugins und Dienste gibt es kostenlos bis zu einem monatlichen Betrag im niedrigen zweistelligen Bereich, je nach Funktionsumfang (Stand Oktober 2026). Eine CRM-Anbindung ist aufwendiger und hängt vom CRM ab.
Woran du erkennst, dass es funktioniert
- Das Formular hat höchstens fünf Felder, davon höchstens drei Pflicht.
- Jedes Feld hat eine sichtbare Beschriftung.
- Der Button sagt, was passiert, etwa „Anfrage senden“.
- Reaktionszeit und ein zweiter Kontaktweg stehen daneben.
- Nach dem Absenden erscheint eine Danke-Seite.
- Testanfragen kommen am Rechner und am Smartphone an, auch mit Autofill.
- Das Tracking zählt jede Anfrage einmal.
Häufige Folgefragen
Reicht nicht einfach eine E-Mail-Adresse?
Eine sichtbare E-Mail-Adresse gehört zusätzlich auf die Kontaktseite. Ein Formular ist für viele aber der schnellere Weg, besonders am Smartphone, und lässt sich sauber messen.
Brauche ich eine Checkbox für den Datenschutz?
Für eine normale Kontaktanfrage reicht nach verbreiteter Auffassung ein klarer Hinweis mit Link auf die Datenschutzerklärung. Für Newsletter oder Werbung brauchst du dagegen eine eigene Einwilligung. Details und Stand stehen im Datenschutzartikel zum Kontaktformular.
Sind mehrstufige Formulare besser?
Bei Angebotsanfragen mit vielen Angaben, etwa im Handwerk, können zwei oder drei kurze Schritte angenehmer sein als ein langes Formular. Für eine normale Kontaktanfrage ist ein Schritt besser.
Sollte ich nach dem Budget fragen?
Im B2B-Bereich manchmal, als optionale Auswahl mit Spannen. Bei Privatkunden und im Erstkontakt eher nicht, dort klärst du das im Gespräch.
Wie schnell sollte ich antworten?
So schnell wie auf der Website angekündigt. Ein Werktag ist für die meisten Dienstleister ein guter Maßstab. Je schneller die Antwort, desto wärmer ist der Kontakt.
So hilft dir quik
In der quik Webseite ist ein Kontaktformular mit CRM-Anbindung enthalten, getestet und mit Tracking verbunden. Mit dem Paket Automation Start wird jede Website-Anfrage automatisch als Kontakt in deinem bestehenden CRM angelegt, sofort beantwortet und zur Nachfass-Erinnerung vorgemerkt. Mehr unter Webseiten und AI & CRM Automationen.