Webflow Formulare: Anfragen, die ankommen

Eine Website kann noch so gut aussehen. Wenn das Formular nicht funktioniert, kommt keine Anfrage an. Und ein kaputtes Formular merkt oft niemand, weil sich ja keiner beschwert. Deshalb hier, wie ich Formulare in Webflow aufbaue und prüfe.

So wenige Felder wie möglich

Jedes Feld ist eine Hürde. Für eine erste Anfrage reichen meistens drei: Name, E-Mail und eine Nachricht. Telefon nur, wenn Du wirklich anrufen willst. Budget nur, wenn Du ohne Budget nicht weiterkommst.

Wenn Du mehr wissen musst, frag lieber mit Auswahlfeldern als mit leeren Textfeldern. „Worum geht es?“ mit drei Optionen ist schneller ausgefüllt als ein offenes Feld. Bei meinem Website-Kosten-Rechner habe ich das auf die Spitze getrieben: sieben Fragen, nur Klicks, und am Ende eine fertige Nachricht.

Beschriftungen, die stehen bleiben

Platzhalter im Feld sehen schlank aus, verschwinden aber beim Tippen. Dann weiß niemand mehr, was ins Feld gehört. Ich setze Beschriftungen immer über das Feld. Das hilft allen, auch Menschen mit Screenreader.

Eine Erfolgsmeldung, die etwas sagt

Webflow zeigt nach dem Absenden eine Erfolgsmeldung. Die Standardversion sagt nur, dass es geklappt hat. Besser ist: wann Du antwortest und was als Nächstes passiert. Zum Beispiel: Danke, ich melde mich innerhalb von 24 Stunden persönlich bei Dir.

Genauso wichtig ist die Fehlermeldung. Wenn etwas schiefgeht, sollte dort eine E-Mail-Adresse stehen, damit die Anfrage trotzdem ankommt.

Wohin die Anfragen gehen

Webflow speichert jede Anfrage in den Formular-Einstellungen der Website und schickt Dir eine Benachrichtigung per E-Mail. Prüf nach dem Launch zwei Dinge:

• Kommt die Benachrichtigung an die richtige Adresse, und landet sie nicht im Spam?
• Steht im Antwort-an-Feld die Adresse des Absenders, damit Du direkt antworten kannst?

Wer Anfragen in ein anderes System schicken will, etwa ins CRM oder in ein Projekttool, kann das über Webhooks oder Automatisierungs-Tools wie Make oder Zapier lösen.

Schutz vor Spam

Offene Formulare ziehen Bots an. Webflow hat einen eingebauten Spamfilter, und Du kannst zusätzlich reCAPTCHA einschalten. Das ist allerdings ein Dienst von Google und gehört deshalb in Deine Datenschutzerklärung und je nach Einsatz in Dein Consent-Banner.

Zusätzlich helfen unsichtbare Mittel: ein verstecktes Feld, das nur Bots ausfüllen, und eine kurze Prüfung, wie schnell das Formular abgeschickt wurde. Das hält den Großteil ab, ohne dass echte Menschen Ampeln anklicken müssen.

Anfragen messen

Ohne Messung weißt Du nicht, welche Seite Anfragen bringt. Leg für jedes abgeschickte Formular ein Ereignis in Google Analytics an. Damit siehst Du, ob eine Anfrage von der Startseite, einer Leistungsseite oder einem Blogbeitrag kam. Auf sxlvx.de laufen Google Analytics und Microsoft Clarity erst nach Zustimmung im Cookie-Banner.

Die Datenschutz-Grundlagen

Ich bin kein Anwalt, das hier ersetzt keine Rechtsberatung. Aber diese Punkte kläre ich bei jedem Projekt:

• Datenschutzerklärung: Sie muss erklären, welche Daten das Formular erfasst, wofür und wo sie gespeichert werden. Bei Webflow liegen die Anfragen auf Servern des Anbieters.
• Auftragsverarbeitung: Mit Webflow brauchst Du einen Vertrag zur Auftragsverarbeitung. Webflow stellt ihn bereit.
• Nur fragen, was Du brauchst: Weniger Felder sind nicht nur besser für die Anfragen, sondern auch für den Datenschutz.
• Dienste von Dritten: reCAPTCHA, Tracking oder eingebundene Tools gehören in die Datenschutzerklärung und, wenn nötig, ins Consent-Banner.

Für den Cookie-Banner nutze ich bei Webflow meist eine Lösung, die Skripte wirklich erst nach der Zustimmung lädt. Ein Banner, das nur hübsch aussieht und trotzdem alles sofort lädt, hilft niemandem.

Mein Test vor jedem Launch

1. Formular auf dem Handy ausfüllen und abschicken.
2. Prüfen, ob die Benachrichtigung ankommt und die Antwort-Adresse stimmt.
3. Absichtlich ein Feld falsch ausfüllen und die Fehlermeldung ansehen.
4. Prüfen, ob das Ereignis in Analytics auftaucht.
5. Eine Woche später schauen, ob Spam durchkommt.

Klingt banal. Genau deshalb wird es so oft vergessen. Wenn Du eine Website willst, bei der das von Anfang an stimmt, schau Dir an, wie ich als Webflow Agentur in Ulm arbeite, oder schreib mir. Wie Du Deine Website bei Google sichtbar machst, steht in meinem Beitrag Webflow SEO.

Das beste Design bringt nichts, wenn die Anfrage im Spam-Ordner landet.