Wie gestaltet man ein Kontaktformular, das ausgefüllt wird?
Im Formular wird aus einem Besucher eine Anfrage, deshalb kostet jedes zusätzliche Feld Antworten. Die Sections hier umfassen Kontaktformulare neben einem Bild oder einer Karte, geteilte Layouts mit Kontaktdaten, Lead-Formulare mit einem einzigen Feld, Anmelde-Panels, ein mehrstufiges Formular, eine Workshop-Anmeldung und Buchungskalender mit Zeitfenstern.
Frag nur, was du für den nächsten Schritt brauchst: Name, E-Mail und Nachricht reichen für die meisten Kontaktformulare. Teile längere Anfragen in Schritte und zeig den Fortschritt. Beschriftungen bleiben über den Feldern sichtbar, Fehlermeldungen sagen, wie man die Eingabe korrigiert, und der Button nennt die Handlung, etwa „Anfrage senden“. Die Formulare sind einfaches React mit einer Absende-Funktion, die du mit deinem Mail-Dienst oder Backend verbindest.
Passende Guides
Weitere Section-Kategorien
Häufige Fragen
Drei bis fünf. Name, E-Mail und Nachricht decken die meisten Anfragen ab. Jedes weitere Pflichtfeld senkt die Zahl der Menschen, die das Formular abschicken.
Dorthin, wohin du sie verbindest. Jedes Formular hat eine Absende-Funktion. Richte sie auf dein Backend, einen Formular-Dienst wie Formspree oder eine API-Route, die eine E-Mail verschickt.
Sie bauen auf nativen Formularelementen auf und sind mit der Tastatur bedienbar. Ergänze deine eigenen Fehlermeldungen und teste vor dem Start mit einem Screenreader.
Deine Frage war nicht dabei? Wir helfen gern weiter.
Kontakt aufnehmen