Ein Besucher landet bei deinem Formular. Das erste Feld fragt nach seiner E-Mail-Adresse. Deine Website hat sie aber schon von einer früheren Anmeldung. Er muss sie noch einmal tippen. Ein zweiter Besucher kommt, und das Formular fragt nach seinem Land. Deine Analysen wissen längst, wo er sitzt. Warum fragen?
Vorausgefüllte Formulare werden schneller abgeschlossen. Besucher müssen Angaben, die du schon hast, nicht noch einmal eingeben. In diesem Artikel erfährst du, wie du Formulare vorausfüllst und welche Datenquellen du nutzen kannst.
Warum vorausgefüllte Formulare wichtig sind
Jedes Feld, das ein Besucher ausfüllen muss, senkt die Abschlussquote. Kannst du 50 % der Felder automatisch füllen, wirkt das Formular kürzer. Der Besucher braucht weniger Zeit. Weniger Felder bedeuten weniger Sorgen und weniger Fehlerquellen.
Studien zeigen, dass vorausgefüllte Formulare 20 bis 30 % höhere Abschlussquoten haben als leere. Der Unterschied ist real.
Vorausfüllen aus URL-Parametern
Am einfachsten füllst du vor, indem du Daten in der URL übergibst, etwa wemasy.ch/contact?email=user@example.com&name=John. Beim Laden der Seite liest JavaScript die Parameter aus und füllt das Formular mit const params = new URLSearchParams(window.location.search); document.getElementById('email').value = params.get('email'); document.getElementById('name').value = params.get('name');. Das funktioniert, wenn du von einer anderen Seite auf ein Formular verlinkst, zum Beispiel wenn eine E-Mail-Kampagne auf ein Kontaktformular mit der vorausgefüllten E-Mail-Adresse des Empfängers verlinkt oder eine Landingpage auf ein Anmeldeformular mit der vorausgefüllten Quell-Kampagne.
Sei vorsichtig mit sensiblen Daten. Übergib keine Passwörter oder Kreditkartennummern in URLs. Übergib nur unkritische Daten wie E-Mail und Name.
Vorausfüllen aus Nutzersitzungen
Ist der Nutzer angemeldet, weisst du, wer er ist, und kannst E-Mail, Name, Adresse und weitere Angaben aus seinem Konto vorausfüllen. Nutze auf dem Server, bevor das Formular erzeugt wird, const user = getUserFromSession(); const form = { email: user.email, name: user.name, address: user.address };. Setze dann in der HTML-Vorlage <input type="text" name="name" value="<%= form.name %>">. Alternativ nutzt du JavaScript nach dem Laden der Seite: _blocked_('/api/user').then(res => res.json()).then(user => { document.getElementById('email').value = user.email; document.getElementById('name').value = user.name; });. Dieser Weg setzt voraus, dass der Nutzer angemeldet ist. Bei öffentlichen Formularen nutzt du stattdessen URL-Parameter oder Daten von Drittanbietern.
Vorausfüllen aus Browserdaten
Der Browser speichert Daten, auf die du auf zwei Wegen zugreifen kannst. Erstens kannst du mit localStorage Daten im Browser speichern und später abrufen, mit localStorage.setItem('email', 'user@example.com'); const email = localStorage.getItem('email');. Das bleibt über Seitenaufrufe und Browsersitzungen hinweg erhalten und eignet sich, um den Formularfortschritt zu sichern oder sich die E-Mail-Adresse eines früheren Besuchs zu merken. Zweitens merken sich moderne Browser Formulardaten, die der Nutzer schon einmal getippt hat. Setze autocomplete-Attribute, und die Autofill-Funktion des Browsers greift, mit <input type="email" name="email" autocomplete="email"> und <input type="text" name="name" autocomplete="name">. Der Browser zeigt Vorschläge und füllt das Feld ohne zusätzlichen Code. Autocomplete hilft besonders auf dem Smartphone, wo Tippen langsam ist.
Vorausfüllen per Geolokalisierung
Du kannst den ungefähren Standort des Nutzers erkennen und Land oder Bundesland vorausfüllen, mit _blocked_('https://geo-api.example.com/json/').then(res => res.json()).then(data => { document.getElementById('country').value = data.country; document.getElementById('state').value = data.region; });. Dabei wird der Standort anhand der IP-Adresse geschätzt. Das ist nicht ganz genau (besonders bei VPN-Nutzern), reicht aber in den meisten Fällen. Gib dem Nutzer immer die Möglichkeit, den Wert zu ändern.
Vorausfüllen über Datendienste von Drittanbietern
Dienste zur Datenanreicherung können anhand einer E-Mail-Adresse Informationen zu Unternehmen und Personen nachschlagen. Gibt der Nutzer eine E-Mail-Adresse ein, sendet JavaScript sie an den Dienst, der Firmendaten, Berufsbezeichnung und Standort zurückliefert, und das Formular füllt sich mit diesen Daten. Dafür brauchst du einen API-Schlüssel und Integrationscode. Das ist aufwendiger, aber für B2B-Formulare sehr wirkungsvoll.
Versteckte Felder vorausfüllen
Versteckte Felder tragen Daten, die der Nutzer nicht sieht, die dein Backend aber braucht.
<input type="hidden" name="source" value="email_campaign">
<input type="hidden" name="campaign_id" value="summer_2026">
Sie werden serverseitig gefüllt, bevor das Formular erzeugt wird. Nutze sie, um zu erfassen, woher eine Einsendung kam oder welche Kampagne dazu geführt hat.
Mehrstufige Formulare vorausfüllen
Fülle in mehrstufigen Formularen Schritt 2 mit den Daten aus Schritt 1 vor, damit der Nutzer bereits getippte Angaben nicht erneut eingeben muss. Speichere die Daten nach Schritt 1 in der Sitzung oder in localStorage. Beim Laden von Schritt 2 rufst du sie ab und füllst vor, mit const step1Data = JSON.parse(localStorage.getItem('formStep1')); if (step1Data) { document.getElementById('email').value = step1Data.email; }.
Datenschutz und Einwilligung
Vorausfüllen ist bequem, wirft aber Datenschutzfragen auf. Die E-Mail-Adresse einer Person ohne Erlaubnis anzuzeigen, wirkt aufdringlich.
Fülle nur Daten vor, die du nutzen darfst. Ist der Nutzer angemeldet, hast du die Erlaubnis. Stammen die Daten aus einer E-Mail-Kampagne, auf die er geklickt hat, hast du die Erlaubnis. Stammen sie von einem Drittanbieter, prüfe deine Datenschutzerklärung.
Lass Nutzer vorausgefüllte Werte immer ändern. Sperre sie nicht.
So füllt WEMASY Formulare vor
WEMASY-Formulare unterstützen das Vorausfüllen aus URL-Parametern und Nutzersitzungen. Verbinde Automatisierungs-Tools oder APIs, um Daten von Drittanbietern vorauszufüllen. Nutze das intelligente Vorausfüllen, um den Standort und andere Eigenschaften von Besuchern zu erkennen.
Sieh dir die Funktionen zum Vorausfüllen in deinem WEMASY-Tarif an.