Adress-Autovervollständigung im Shop: Einbau und Fallen

Wer schon einmal eine Packstation-Adresse in einen ausländischen Shop eingeben wollte, kennt das Problem von der Kundenseite. Das Feld schlägt eifrig Straßen vor, aber „Packstation 101“ kennt es nicht. Wer dann keinen Weg zur manuellen Eingabe findet, bricht ab oder schreibt seine Postnummer irgendwohin, wo sie später niemand findet.

Autovervollständigung ist trotzdem eine gute Idee. Man muss sie nur so einbauen, dass sie die Mehrheit beschleunigt und den Rest nicht aussperrt.

Was die Zahlen sagen

Das Baymard Institute, das Checkout-Abläufe von Onlineshops untersucht, hat 2023 berichtet, dass 55 Prozent der getesteten Shops keine automatische Adresssuche anbieten. Im selben Forschungsprojekt enthielten in einer Testrunde 9 Prozent der von Hand eingegebenen Lieferadressen Tipp- oder Rechtschreibfehler. Eine dritte Zahl ist für den Einbau am wichtigsten: Tauchte die gesuchte Adresse nicht in den Vorschlägen auf, wechselten 69 Prozent der Testpersonen zur manuellen Eingabe.

Der Rückfallweg ist also kein Randfall. Er ist Teil des Designs.

Zwei Funktionen, die gern verwechselt werden

Kriterium	Browser-Autofill	Vorschlagsdienst
Herkunft der Adresse	Vom Kunden gespeichert	Adressdatenbank des Anbieters
Kosten für den Shop	Keine	Pro Anfrage
Hilft bei der ersten Eingabe
Hängt an korrektem HTML		teilweise
Eingaben gehen an Dritte

Autofill kostet nichts und wird oft verschenkt. Ob der Browser Name, Straße, Postleitzahl und Ort in einem Schritt einsetzt, hängt allein an den Attributen deiner Formularfelder. Damit fängst du an.

Die richtigen autocomplete-Attribute

Die WHATWG-Spezifikation legt die Werte fest. Für eine Lieferadresse sieht das so aus:

<input name="name"      autocomplete="shipping name">
<input name="strasse"   autocomplete="shipping address-line1">
<input name="zusatz"    autocomplete="shipping address-line2">
<input name="plz"       autocomplete="shipping postal-code">
<input name="ort"       autocomplete="shipping address-level2">
<select name="land"     autocomplete="shipping country">

address-level2 steht für den Ort in Ländern mit zwei Verwaltungsebenen. country erwartet als Wert den zweistelligen ISO-Code, also DE, AT oder CH. Die Präfixe shipping und billing trennen Liefer- und Rechnungsadresse, wenn beide im selben Formular stehen.

Die Spezifikation nennt als Beispiel für address-line2 einen Raum in einem Universitätsgebäude. Genau dieses Feld darf deine Autovervollständigung später nicht überschreiben. Was Kunden dort eintragen und was hineingehört, steht im Beitrag zum Adresszusatz.

Der Vorschlagsdienst im Ablauf

1. Land zuerstZielland setzen oder erkennen und Vorschläge darauf begrenzen.
2. Straße tippenAbfrage ab drei Zeichen, mit kurzer Verzögerung zwischen den Anfragen.
3. Vorschlag wählenVolle Adresse abrufen, Straße, PLZ und Ort füllen.
4. Zusatz abfragenCursor ins Feld für Wohnung, Etage oder c/o setzen.
5. Manuell eingebenSichtbarer Link: Adresse nicht gefunden? Selbst eintragen.
6. Vor dem Etikett prüfenDie endgültige, eventuell geänderte Adresse validieren.

Bei der Reihenfolge der Vorschläge hat Baymard beobachtet, dass alphabetische Sortierung die Nutzer länger tippen ließ, während eine Sortierung nach Nähe zum ungefähren Standort gut funktionierte. Frag deinen Anbieter, ob er eine solche Standortgewichtung annimmt.

Bei den Kosten nennt Google auf seiner Preisseite für die Maps Platform im Oktober 2026 für Autocomplete-Anfragen im Essentials-Tarif 10.000 freie Anfragen pro Monat und danach 2,83 US-Dollar je 1.000 Anfragen, mit sinkenden Preisen bei mehr Volumen. Sitzungen werden über die Session-SKU nicht berechnet, der Abruf der vollständigen Adresse nach der Auswahl aber schon. Rechne mit deinem echten Ablauf: Mindestzeichenzahl und Verzögerung verändern die Zahl der Anfragen erheblich.

Straße und Hausnummer: getrennt oder zusammen

Viele deutsche Shops fragen Straße und Hausnummer in zwei Feldern ab, internationale Formulare meist in einer Zeile. Vorschlagsdienste liefern beide Teile in der Regel getrennt zurück, und dein Code muss sie richtig zusammensetzen. Für Deutschland heißt das: erst die Straße, dann die Hausnummer, also Wacholderweg 52a und nicht 52a Wacholderweg. Der Weltpostverein zeigt genau dieses Beispiel in seinem Merkblatt zu deutschen Anschriften.

Achte auf Hausnummernzusätze. 52a, 52 a und 52-54 sind alle gültig und kommen in Vorschlägen unterschiedlich zurück. Prüfe nach der Auswahl, ob der Zusatz noch da ist. Fehlt die Hausnummer im Vorschlag ganz, weil der Dienst nur die Straße kennt, setz den Cursor ins Hausnummernfeld und markiere es als Pflichtfeld.

Wer international verschickt, braucht die umgekehrte Logik. In den USA und in Großbritannien steht die Nummer vor der Straße. Das Etikett sollte sich nach dem Zielland richten, nicht nach dem Aufbau deines Formulars.

Wo die Vorschläge versagen

Vorschlagsdienste kennen, was in ihren Daten steht. Bei deutschen Kunden fallen typische Lücken auf:

• Packstation und Postfiliale. Hier steht Packstation 101 an der Stelle der Straße, dazu die Postnummer des Empfängers mit sechs bis zehn Ziffern. Allgemeine Adressdaten enthalten das oft nicht.
• Wohnungsangaben. Vorschläge enden meist beim Gebäude. Wenn dein Code nach der Auswahl auch den Zusatz leert, ist „Hinterhaus, 3. OG“ weg.
• Neubaugebiete. Referenzdaten hinken dem Bau hinterher.
• Ortsteile. Die Deutsche Post setzt einen Ortsteil zwischen Name und Straße; ein Vorschlagsdienst liefert ihn vielleicht gar nicht.
• Postfächer. Sie haben eigene Postleitzahlen und keine Straße.

Jeder dieser Kunden braucht den manuellen Weg. Versteckst du ihn, brechen manche die Bestellung ab, und andere tippen ihre Adresse in irgendein Feld, das sie annimmt. Wie eine korrekte Packstation-Anschrift aussieht, zeigt der Ratgeber Brief richtig adressieren.

Details für die mobile Eingabe

Laut Baymard machten Testpersonen auf Smartphones mehr Eingabefehler, wegen der kleineren Tastaturen. Gerade dort hilft eine Autovervollständigung, und gerade dort stört eine schlecht gebaute Vorschlagsliste am meisten.

Stell das Länderfeld über die Adressfelder. Das Land bestimmt die Beschriftungen, das Postleitzahl-Muster und die Region der Vorschläge. Für deutsche Postleitzahlen passt inputmode="numeric"; für britische oder niederländische Postcodes nicht, weil sie Buchstaben enthalten. Und schick das Formular nicht ab, wenn jemand einen Vorschlag auswählt. Auswahl heißt nur: Felder füllen.

Nach der Auswahl hilft eine kleine Vorschau der Anschrift im Etikettenformat. Einen falschen Ort oder einen fehlenden Zusatz sieht man im vertrauten Block schneller als in sechs einzelnen Feldern.

Datenschutz: jeder Tastendruck geht raus

Eine Autovervollständigung schickt die Eingabe schon während des Tippens an einen Drittanbieter. Das ist eine Verarbeitung personenbezogener Daten, und der Anbieter ist dein Auftragsverarbeiter. Du brauchst also einen Vertrag nach Art. 28 DSGVO, einen Eintrag in der Datenschutzerklärung und eine Antwort auf die Frage, wo die Anfragen verarbeitet werden.

Begrenze die Abfrage auf das Adressfeld. Name, E-Mail und Bestellinhalt haben in einer Vorschlagsanfrage nichts verloren, und weniger übertragene Daten bedeuten weniger zu erklären.

Prüfen, was am Ende abgeschickt wird

Die Autovervollständigung verbessert die Eingabe, garantiert aber nichts. Vor dem Versand prüfst du die endgültige Adresse: das Format mit klaren Regeln (unser Adressformat-Check zeigt sie für 15 Länder) und die Zustellbarkeit per API. Wie du einen Anbieter dafür auswählst, steht im Ratgeber zur Adressprüfung per API.

Bei einem eigenen Shopsystem lohnt sich ein sauberer Einbau mit Rückfallweg, Zusatzfeld und serverseitiger Prüfung. Wenn dir dafür die Entwicklerzeit fehlt, kann ein Studio wie OnlineBuilders das übernehmen.

Der erste Schritt kostet nichts: Ergänze die autocomplete-Attribute in deinem bestehenden Adressformular und teste das Ergebnis mit einer gespeicherten Adresse in zwei Browsern.

Adressformat prüfen: Prüft Postleitzahl, Hausnummer und Zeilenfolge nach den Regeln des gewählten Landes und gibt die Anschrift so aus, wie die Post sie erwartet.

Häufige Fragen

Was ist der Unterschied zwischen Autofill und Autovervollständigung?

Autofill setzt eine Adresse ein, die der Kunde im Browser gespeichert hat, und kostet dich nichts. Eine Autovervollständigung fragt bei jeder Eingabe einen Dienst ab und schlägt Adressen aus dessen Daten vor. Ein guter Checkout unterstützt beides.

Was kostet Google Places Autocomplete?

Laut Googles Preisliste im Oktober 2026 sind im Essentials-Tarif 10.000 Autocomplete-Anfragen pro Monat frei, danach kosten 1.000 Anfragen 2,83 US-Dollar in der ersten Preisstufe. Das Abrufen der vollständigen Adresse nach der Auswahl wird separat berechnet.

Ersetzt die Autovervollständigung die Adressprüfung?

Nein. Kunden ändern ausgefüllte Felder, fügen Adressen per Zwischenablage ein oder ignorieren die Vorschläge. Die endgültige Adresse solltest du vor dem Versand trotzdem prüfen.

Muss ich den Vorschlagsdienst in der Datenschutzerklärung nennen?

Ja, denn jede Eingabe in das Adressfeld geht an einen Drittanbieter. Nenne den Anbieter und den Zweck, und schließe mit ihm einen Vertrag zur Auftragsverarbeitung nach Art. 28 DSGVO.