Entdecke meine besten Tipps für das Formular Widget und erfahre, welche Best Practices Du beim Erstellen von Kontakt- oder Anmeldeformularen beachten solltest.
Bring Form in Dein Formular 🖊️
Kontaktformulare und überhaupt Formulare kannst Du wunderbar mit dem Elementor Pro eigenen Widget „Form“ umsetzen.
Worauf Du bei der Gestaltung Deiner Formulare achten solltest, wie Du Spam vermeidest und wie Du die Nutzer:innenerfahrung verbesserst, erkläre ich Dir im Video.
Formulare, gerade in der Form eines Kontaktformulars, gelten gerne „veraltet“ und aus der Zeit gefallen, viel praktischer ist es doch, wenn Interessierte mit einem Klick eine Mail schicken können. Aber Halt: Wie viele Deiner Besucher:innen kommen über ihr Smartphone auf Deine Seite – und wie viele davon haben vielleicht gar kein Mailprogramm auf ihrem Handy?
Diese müssen sich merken, dass sie Dir ein Anfrage schicken wollten – und sich daran dann auch erinnern, wenn sie sich an den PC setzen. Wie das ausgeht, kannst Du Dir bestimmt denken 😉
Ein gut gemachtes Kontaktformular ist nach wie vor ein extrem wichtiges Element Deiner Website.
Warum das so ist und worauf Du bei der Umsetzung achten solltest, erfährst Du hier.
Inhalt
Meine Tipps rund um Formulare
Kontaktformular ≠ Kontaktformular
Ein Kontaktformular ist nicht einfach nur eine technische Notwendigkeit; Es ist ein zentraler Berührungspunkt zwischen Dir und potenziellen Kund:innen.
Ein gutes Formular bietet Deinen Websitebesucher:innen klare Orientierung, reduziert Rückfragen im Vorfeld, schützt Dich zuverlässig vor Spam, ist barrierefrei nutzbar und stellt sicher, dass Anfragen nicht im Nirvana verschwinden, sondern wirklich bei Dir ankommen.
Klare Feldbezeichnungen & Barrierefreiheit
Jedes Feld sollte einen eindeutigen Feldnamen und nicht nur einen Platzhaltertext haben – also eine Beschriftung, die oberhalb des Feldes sichtbar ist.
Das ist einerseits wichtig für die Barrierefreiheit, denn Screenreader können die Felder korrekt vorlesen. Andererseits dient es gerade bei längeren Formularen dem Verständnis, um Nutzer:innen zu erinnern, was gemeint ist. Wie oft hast Du schon angefangen ein Feld auszufüllen, und dann vergessen, um was es eigentlich geht?
Platzhaltertexte (also Erläuterungen oder Beispieltexte im Feld) können zusätzlich helfen, ersetzen aber niemals den Feldnamen.
Pflichtfelder im Formular klar kennzeichnen
Pflichtfelder sollten eindeutig als solche markiert sein – idealerweise mit einem Sternchen (*). Achte dabei darauf, dass Du nicht zu viele Pflichtfelder hast bzw. nur das abfragst, was Du wirklich brauchst und klar kommunizierst, warum bestimmte Infos notwendig sind.
Gerade bei Kontaktformularen gilt: So schlank wie möglich, so klar wie nötig.
Datenschutz: Hinweisen statt Checkboxzwang
Ein häufiger Irrtum: Du brauchst keine extra Checkbox für die Einwilligung in die Datenschutzerklärung.
Es reicht aus, wenn Du sichtbar auf die Datenschutzerklärung verlinkst und darauf hinzuweist, dass mit dem Absenden des Formulars die Verarbeitung der Daten erfolgt.
Das macht das Formular nutzerfreundlicher – und ist rechtlich sauber.
Struktur & Layout: Weniger ist oft mehr
Nicht jedes Feld muss untereinander stehen. Du kannst zum Beispiel oft die Felder für Vorname und Nachname in eine Reihe stellen, die Felder jeweils mit 50 % Breite (kürzere Felder also nebeneinander).
Feldern für längere Texte solltest Du ausreichende Höhe geben. Gerade das Nachrichtenfeld sollte genug Platz bieten, damit längere Texte angenehm lesbar bleiben – niemand scrollt gern in einem Minifeld hin und her.
Spam vermeiden: Honeypots & Plugins
Spam ist eines der größten Probleme bei Kontaktformularen. Eine sehr effektive Lösung sind Honeypots (unsichtbare Felder, die nur Bots ausfüllen). Wie der Name Honigtop vermuten lässt, bleibt was reinfällt, drin hängen. Honeypots funktionieren dabei im Hintergrund und stören echte Menschen nicht – blockieren Bots dabei recht zuverlässig.
Was passiert nach dem Absenden?
Ein häufig unterschätzter Punkt: Die Aktionen nach dem Klick auf „Absenden“. Eine empfehlenswerte Kombination kann folgende sein:
- Benachrichtigung per Mail an Dich
- Speichern der Einreichung im Backend (falls es beim Zustellen der Mails Probleme gibt)
- Automatische Bestätigungsmail an die absendende Person (damit sie weiß, wann sie mit einer Antwort rechnen kann)
- Weiterleitung auf eine Dankeseite (als Bestätigung, dass der Versand erfolgreich war; kann zusätzlich Mehrwert liefern, z. B. Blogartikel, Angebot, nächste Schritte)
Benutzerdefinierte Fehlermeldungen nutzen
Standardfehlermeldungen sind oft englisch oder zu technisch. Nutze nach Möglichkeit eigene, verständliche Meldungen und klare Hinweise. So wissen Nutzer:innen sofort, was fehlt oder wo es hakt – ohne Frust.
Kontaktformular vs. umfangreiche Formulare
Mit dem Form Widget von Elementor Pro (sowie anderen Plugins) kannst Du weit mehr als nur ein Kontaktformular bauen.
Du kannst damit auch einfach direkt auf Deiner Website folgende Formulare erstellen:
- Umfragen
- Webinaranmeldungen
- Bewerbungsformulare
- Umfangreiche Fragebögen
Erklären, erklären, erklären
Gerade bei längeren Formularen gilt, die Wahrscheinlichkeit, dass Menschen sie ausfüllen steigt, wenn sie verstehen, warum Du etwas abfragst.
Deshalb, baue kurze erklärende Texte ein und sei transparent, was mit den Daten passiert / wofür Du sie benötigst. Kennzeichne auch, wenn bestimmte Infos intern bleiben und welche veröffentlicht werden.
Das schafft Vertrauen – und bessere Antworten.
Zeichenbegrenzungen & Dateiuploads sinnvoll nutzen
Weitere Tipps für Formulare. Zeichenbegrenzungen sorgen für ein ruhigeres Design und verhindern, dass manche ganze Romane schreiben.
Bei Dateiuploads, schränke die möglichen Dateitypen ein und begrenze die Dateigröße; erlaube nur das was wirklich gebraucht wird.
Das schützt Dich technisch und hält Deine Website performant.
Fazit: Kontaktformulare sind alles – nur nicht tot
Ein Kontaktformular ist kein Relikt vergangener Webzeiten. Richtig umgesetzt ist es ein wichtiges Serviceelement für Deine Nutzer:innen, ein wirkungsvolles Trust Signal und zugleich ein echtes Qualitätsmerkmal Deiner Website.
Wenn Du Dein Kontaktformular bewusst gestaltest, arbeitest Du nicht gegen Deine Nutzer:innen, sondern für sie – und ebenso für Dich selbst.
Du suchst Unterstützung, wie Du Deine Formulare optimierst oder richtig aufsetzt? Vereinbare hier ein unverbindliches Kennenlerngespräch mit mir und wir schauen, wie ich Dich dabei unterstützen kann 😁
Tool-Tipps
- Elementor Pro* (Premium Plugin)
- Dynamic Content for Elementor* (Premium Plugin)
- WP Armour – Honeypot Anti Spam (gratis)
- WP Mail SMTP (gratis)
*Affiliate Links. Dir entstehen bei einem Kauf keine zusätzlichen Kosten, ich erhalte aber eventuell eine kleine Provision, die ich direkt in mein Galão-Projekt investiere.
