Ein Checkout-Formular im Onlineshop steht zwischen Kundin und Kauf. Sieben von zehn Kunden, die den Checkout erreichen, kaufen am Ende nicht. Meist liegt es am Formular selbst. Dieses Kapitel zeigt, was ein Checkout-Formular wirklich braucht, welche Felder dich Umsatz kosten und wie du den Weg zur Zahlung so gestaltest, dass Kunden durchziehen.
Ein Checkout-Formular im Onlineshop ist der Ort, an dem Kunden auf deiner Website einen Kauf abschliessen. Anders als andere Formulare auf deiner Website geht es hier um Geld und Verbindlichkeit. Es erfasst Lieferadressen, Zahlungsdaten und Bestelldetails. Jedes überflüssige Feld, jede unklare Beschriftung und jeder unerwartete Schritt vertreibt Kunden genau in dem Moment, in dem sie kaufen wollten.
Die Warenkorbabbruchrate liegt im Onlinehandel im Schnitt bei 70 Prozent. Das heisst: Etwa sieben von zehn Kunden legen Produkte in den Warenkorb und gehen, ohne zu bezahlen. Untersuchungen eines Usability-Instituts zeigen: Unerwartete Kosten, komplizierte Checkout-Abläufe und der Zwang zur Kontoerstellung sind die drei häufigsten Gründe für Abbrüche im Formular. Alle drei sind Designentscheidungen, die du selbst in der Hand hast.
Welche Felder braucht ein Checkout-Formular wirklich?
Die erste Regel fürs Checkout-Design: Frag nur nach Informationen, die ändern, wie du die Bestellung erfüllst. Die Lieferadresse bestimmt, wohin es geht. Die Zahlungsdaten bestimmen, ob es überhaupt losgeht. Mit der E-Mail-Adresse schickst du Updates. Alles andere ist Rauschen.
1. Lieferadresse
Name, Strasse, Stadt, Bundesland oder Region, Postleitzahl und Land. Bei digitalen Produkten ohne Versand lässt du diesen Bereich ganz weg. Bei physischen Waren bleiben diese Felder Pflicht, und du bietest immer die Adress-Autovervollständigung an: Die Kundin beginnt zu tippen, und das Formular schlägt passende Adressen vor. Autovervollständigung halbiert die Tippzeit und verringert Eingabefehler, die zu Lieferproblemen führen.
2. Zahlungsdaten
Kartennummer, Ablaufdatum und Sicherheitscode. Diese Felder müssen verschlüsselt sein und von einem PCI-konformen Zahlungsdienstleister verarbeitet werden. Speichere diese Daten nicht auf deinem eigenen Server. Ein moderner Checkout sollte ausserdem digitale Wallets anbieten. Mit Google Pay und ähnlichen Wallets schliessen Kunden den Kauf mit einem Tipp ab, ohne die komplette Kartennummer neu einzugeben. Am Smartphone machen digitale Wallets über 40 Prozent der Transaktionen aus. Unterstützt dein Formular sie nicht, verlierst du Umsatz an Mitbewerber, die es tun.
3. Rechnungsadresse
Frag nur danach, wenn sie von der Lieferadresse abweicht. Ein Kontrollkästchen „Rechnungsadresse entspricht Lieferadresse“ spart den meisten Kunden einen ganzen Formularbereich. Weicht die Rechnungsadresse ab, nutze ein weiteres Feld mit Autovervollständigung. Die meisten Kunden wählen das nicht, weil sie an die Privat- oder Firmenadresse liefern lassen, an der sie Post erhalten.
4. Kontakt-E-Mail
Darüber schickst du Bestellbestätigungen, Versandinfos und Sendungsverfolgung. Mach sie zur Pflicht und prüfe sie. Sende innerhalb weniger Minuten nach dem Kauf eine automatische Bestätigungs-E-Mail, damit die Kundin weiss, dass die Bestellung durchging. Lass sie nicht rätseln, ob die Transaktion geklappt hat.
5. Bestellübersicht
Zeig der Kundin genau, was sie kauft: Menge, Einzelpreis, Zwischensumme, Versandkosten, Steuern und Gesamtsumme. Jede Zahl sollte sichtbar sein, bevor die Zahlungsdaten eingegeben werden. Versteckte Kosten sind der häufigste Grund für Abbrüche im letzten Schritt. Sehen Kunden die Gesamtsumme schon beim Ausfüllen, können sie eine informierte Entscheidung treffen und springen am Zahlungsfeld viel seltener ab.
Felder, die nötig wirken, dich aber Umsatz kosten
Diese Felder stehen in vielen Checkout-Formularen im Onlineshop, haben dort aber nichts verloren.
Telefonnummer
Du brauchst sie im Checkout fast nie. Versanddienstleister verlangen sie nicht. Sendungsinfos gehen per E-Mail raus. Gibt es ein Lieferproblem, schreibst du dem Kunden, du rufst nicht an. Dieses eine Feld senkt die Abschlussquote um 5 bis 10 Prozent, weil es aufdringlich wirkt, gerade wenn jemand seine Zahlungsdaten eingibt. Brauchst du die Nummer wirklich, mach sie optional und erkläre im Hilfetext, wofür.
Firmenname
Das gehört in B2B-Checkouts, nicht in den Verbrauchershop. Auch im B2B-Bereich fragst du nur, wenn der Firmenname die Steuerberechnung oder den Versand beeinflusst. Viele Shops fügen dieses Feld hinzu und nutzen die Daten nie. Kunden empfinden es als unnötig und überspringen es oder brechen ab.
Gewünschte Lieferzeit
Das gehört in einen zweiten Schritt nach dem Checkout, nicht ins Formular selbst. Lass Kunden zuerst den Kauf abschliessen. Nach der Zahlung kann dein System automatisch eine E-Mail schicken und fragen, wann geliefert werden soll. So bleibt das Checkout-Formular schlank und schnell.
Geschenknachricht
Wenn dein Shop Geschenke anbietet, biete sie als optionale Ergänzung nach der Bestellung an, nicht im Checkout. Manche Kunden wollen sie. Die meisten überspringen sie. Im Checkout-Formular verlängert sie das Formular und senkt die Abschlussquote. Nach dem Kauf ist der richtige Ort.
Newsletter-Anmeldung
Bitte Kunden nicht, sich für deinen Verteiler anzumelden, während sie sich auf den Kauf konzentrieren. Sie denken an Zahlung und Lieferung, nicht an Marketing. Schick nach dem Kauf eine separate E-Mail mit dem Angebot, sie in den Verteiler aufzunehmen. Die Anmeldequote ist höher bei Menschen, die gerade ein gutes Kauferlebnis hatten, als bei Menschen, die beim Ausfüllen abgelenkt werden.
So baust du das Checkout-Formular, damit Kunden es abschliessen
Layout und Ablauf des Formulars beeinflussen die Abschlussquote genauso stark wie die Zahl der Felder.
Einseitiger Checkout für einfache Bestellungen
Hat eine durchschnittliche Bestellung zwei bis vier Artikel und braucht der Checkout drei bis fünf Felder, funktioniert ein einseitiges Formular. Kunden sehen das ganze Formular auf einmal, füllen alles aus und senden ab. Sie müssen nicht über den Ablauf nachdenken. Sie erledigen es einfach. Das funktioniert besonders gut bei günstigeren Artikeln und bei Stammkunden, die schnell sind.
Mehrstufiger Checkout für komplexe oder hochwertige Bestellungen
Bestellen Kunden viele Artikel, wählen sie Versandoptionen oder haben sie mehrere Zahlungsarten zur Auswahl, teile den Checkout in Schritte auf. Schritt eins sind die Versandangaben. Schritt zwei die Zahlungsdaten. Schritt drei die Bestellprüfung. Ein Fortschrittsbalken mit „Schritt 2 von 3“ hält Kunden in Bewegung, statt sie mit einem langen Formular zu überfordern. Ein mehrstufiger Checkout ist besonders am Smartphone wichtig, wo ein langes Formular aus dem Bild scrollt und endlos wirkt.
Zeige die Bestellübersicht in jedem Schritt
Welche Struktur du auch wählst: Lass die Bestellübersicht im gesamten Checkout sichtbar. Kunden sollten immer wissen, was sie kaufen und was es kostet. Nutzt dein Formular Schritte, erscheint die Übersicht in jedem Schritt oder in einer fixierten Seitenleiste. Bei einem einseitigen Formular steht die Übersicht am Desktop rechts und am Smartphone über dem Formular. Diese Sichtbarkeit beruhigt Kunden und verhindert den Kostenschock, der Abbrüche auslöst.
Mach den Absende-Button eindeutig und vertrauenswürdig
Der Button-Text sollte „Kauf abschliessen“ oder „Jetzt bezahlen“ lauten, nicht „Absenden“ oder „Weiter“. Wähle eine Farbe, die sich vom Formularhintergrund abhebt. Setze, wenn passend, ein Vertrauenssymbol daneben, etwa ein SSL-Schloss, ein Sicherheitssiegel oder das Logo deines Zahlungsanbieters. Kunden müssen sehen, dass ihre Zahlung verschlüsselt und sicher abgewickelt wird.
Zahlungsarten, die Checkout-Abbrüche senken
Der grösste Einzelfaktor für den Checkout-Abschluss ist, welche Zahlungsarten verfügbar sind. Kunden erwarten Auswahl.
Kredit- und Debitkarten
Das ist die Grundlage. Akzeptiere die gängigen Kreditkarten. Mach die Eingabe der Kartendaten einfach, mit automatischer Formatierung der Kartennummer und automatischer Erkennung des Kartentyps, sobald die Eingabe beginnt.
Digitale Wallets (Google Pay und ähnliche)
Biete am Smartphone digitale Wallets wie Google Pay als erste Option an. Kunden tippen einen Button, und die Zahlung ist erledigt. Diese Abschlüsse liegen 30 bis 50 Prozent höher als bei der Karteneingabe, weil die Hürde so niedrig ist. Wer Google Pay auf dem Handy gespeichert hat, ist in fünf Sekunden durch den Checkout. Lass sie nicht stattdessen eine Kartennummer tippen.
Online-Bezahldienste von Drittanbietern
Ein bekannter Bezahldienst geniesst Vertrauen bei Stammkunden, die dort schon ein Konto haben. Wenn du ihn anbietest, steigt die Abschlussquote bei Kunden, die ihre Kartendaten nicht direkt auf deiner Website eingeben möchten. Sie vertrauen dem Dienst mehr als dir, wenn es um ihre Zahlungsdaten geht. Respektiere das und hol dir den Verkauf.
Kauf auf Rechnung und Ratenzahlung
Jüngere Kunden und Käufer teurerer Artikel wählen immer häufiger Ratenzahlung oder „Jetzt kaufen, später zahlen“. Solche Angebote steigern die Conversion, weil du Kunden erreichst, die den vollen Preis nicht sofort zahlen können. Es sind Kunden, die du ohne diese Option nicht hättest.
Lokale Zahlungsarten
Wenn du international verkaufst, recherchiere die Zahlungsarten in deinen Zielländern. In Deutschland bevorzugen Kunden die Banküberweisung. In Japan die Zahlung im Convenience-Store. In Indien lokale Echtzeit-Zahlungssysteme und digitale Wallets. Lokale Zahlungsarten im Heimatmarkt steigern die Conversion enorm. Wer seine bevorzugte Zahlungsart nicht findet, erfindet keine neue. Er kauft woanders.
Mobiles Checkout-Design, das konvertiert
Über 60 Prozent des Onlinehandel-Traffics kommen inzwischen vom Smartphone. Funktioniert dein Checkout-Formular am Handy nicht, verlierst du den Grossteil deines Umsatzes.
Einspaltiges Layout am Smartphone
Zeige am Smartphone nie Formularfelder nebeneinander. Ordne alles in einer Spalte an. Kunden sollen durch das Formular scrollen, nicht seitwärts. Das wirkt überschaubar. Nebeneinanderliegende Felder auf einem kleinen Bildschirm wirken überladen und verwirrend.
Grosse Tippflächen für Buttons und Eingaben
Formularfelder und Buttons sollten mindestens 44 mal 44 Pixel gross sein. Kleinere Buttons trifft man schlecht. Wer dreimal den falschen Button erwischt, bricht den Checkout lieber ab, als es weiter zu versuchen.
Automatischer Fokus auf jedes Feld
Bei einem Pflichtfeld sollte sich die Tastatur automatisch öffnen, wenn die Kundin es erreicht. Ist ein Feld ausgefüllt, springt der Fokus zum nächsten. Das erspart manuelles Tippen und beschleunigt die Eingabe.
Fixierte Bestellübersicht am Smartphone
Halte die Gesamtsumme oben im Formular, damit Kunden immer sehen, was sie zahlen. Am Smartphone sollte die Bestellübersicht oben fixiert bleiben, während Kunden durch die Felder scrollen. Sie sollten beim Scrollen den Preis nie aus dem Blick verlieren. Diese Unsicherheit löst Abbrüche aus.
Fixierter Bezahlen-Button am Smartphone
Der Button „Jetzt bezahlen“ sollte am Smartphone am unteren Bildschirmrand haften. Kunden scrollen durch alle Felder, und der Button ist immer mit einem Daumen erreichbar. So bleibt der Fokus darauf, voranzukommen.
So zeigst du Kosten, damit Kunden nicht abspringen
Transparenz bei den Gesamtkosten ist unverzichtbar. Versteckte Kosten töten die Conversion.
Zeige Versandkosten vor dem Checkout
Schätze auf Produktseiten und im Warenkorb die Versandkosten anhand des Standorts der Kundin. Lass sie ungefähr wissen, was der Versand kostet, bevor sie den Checkout betritt. So vermeidest du die Überraschung im Zahlungsschritt, die zu Abbrüchen führt. Ist der Versand kostenlos, sag es deutlich. Kostenloser Versand ist der wichtigste Faktor, der Kunden vom Stöbern zum Kaufen bringt.
Berechne Steuern im Checkout korrekt
Sobald eine Kundin im Checkout ihre Adresse eingibt, berechne und zeige den Steuerbetrag. Lass sie nicht bis zum letzten Bildschirm warten, um die Steuer zu sehen. Überraschungen töten die Conversion. Wenn Kunden die Gesamtsumme kennen, können sie entscheiden, ob sie weitermachen.
Zeige alle Gebühren von Anfang an
Erhebst du für bestimmte Zahlungsarten eine Bearbeitungsgebühr, zeige sie, bevor der Kunde diese Zahlungsart wählt. Schlage keine Gebühren auf die erwartete Summe auf. Kunden fühlen sich getäuscht, und viele lassen den Warenkorb lieber stehen.
Keine unerwarteten Zusatzangebote im Checkout
Das ist ein Checkout-Formular, keine Verkaufsseite. Biete im Zahlungsschritt keine Geschenkverpackung, Garantieverlängerung oder Spende an. Kunden konzentrieren sich darauf, die Transaktion abzuschliessen. Zusatzangebote wirken wie Tricks und senken die Abschlussquote. Willst du Extras anbieten, tu es auf der Warenkorbseite, bevor der Checkout beginnt.
Sicherheitssignale, die Vertrauen schaffen
Wenn Kunden Zahlungsdaten eingeben, müssen sie sich sicher fühlen. Vertrauenssignale zählen.
Zeige das SSL-Schloss
Stelle sicher, dass deine Checkout-Seite ein aktives SSL-Zertifikat hat. Das Schloss sollte in der Adressleiste des Browsers erscheinen, und die URL sollte mit https beginnen, nicht mit http. Viele Kunden achten darauf. Fehlt es, geben sie keine Zahlungsdaten ein.
Zeige Sicherheitssiegel passend zu deinem Zahlungsanbieter
Nutzt du einen bestimmten Zahlungsanbieter, zeige sein Siegel oder Logo. Kunden erkennen diese Logos und vertrauen darauf, dass ihre Zahlung von einem bekannten Unternehmen sicher abgewickelt wird.
Füge eine Vertrauensgarantie oder ein Geld-zurück-Versprechen hinzu
Setze in die Nähe des Bezahlen-Buttons einen einzigen Satz, der Kunden versichert, dass ihr Kauf geschützt ist. „Deine Zahlung ist verschlüsselt und sicher“ oder „Mit 30 Tagen Geld-zurück-Garantie.“ Das nimmt das letzte Zögern vor dem Klick auf den Bezahlen-Button.
Häufige Fehler im Checkout-Formular, die die Conversion killen
Diese Fehler stecken in vielen Onlineshops und kosten jeden Tag Umsatz.
Kontoerstellung vor dem Checkout erzwingen
So verlierst du am schnellsten einen Verkauf. Manche Kunden wollen ein Konto für spätere Käufe. Die meisten wollen einmal kaufen und wieder gehen. Mach die Kontoerstellung optional und biete den Gast-Checkout als Standardweg an. Nach dem Kauf kannst du Kunden per E-Mail einladen, ein Konto anzulegen. Wer gerade bei dir gekauft hat, legt viel eher ein Konto an als ein Fremder, der es vor dem Kauf muss.
Mehr Pflichtfelder als nötig
Manche Shops verlangen zusätzlich zu den Standardfeldern Telefonnummer, Firmenname und Postleitzahl. Jedes Pflichtfeld, das die Erfüllung nicht beeinflusst, senkt die Abschlussquote. Teste mit weniger Pflichtfeldern. Du wirst mehr Abschlüsse und weniger Warenkorbabbrüche sehen.
Unklare Feldbeschriftungen
Schreib nicht „Land/Region/Sonstiges“. Schreib, was du willst. „Bundesland oder Region“. Schreib nicht „Postleitzahlbereich“. Schreib „Postleitzahl“. Klare Beschriftungen beseitigen Verwirrung und halten Kunden in Bewegung.
Felder nicht während der Eingabe prüfen
Gibt ein Kunde eine E-Mail-Adresse mit Tippfehler ein, sollte das Formular sofort darauf hinweisen und nicht erst nach dem Absenden des ganzen Formulars. Zeige grüne Häkchen bei korrekten Feldern und Fehlermeldungen bei falschen, in Echtzeit. So verschwenden Kunden keine Zeit mit einem Formular, das sich nicht absenden lässt.
Schwache Fehlermeldungen
Zeige nicht „Ungültige Eingabe“. Zeige „Die E-Mail-Adresse muss ein @-Zeichen enthalten.“ Zeige nicht „Dieses Feld ist erforderlich.“ Zeige „Bitte gib deine Strasse ein.“ Konkrete Fehlermeldungen sagen Kunden genau, was falsch ist und wie sie es beheben. Vage Meldungen frustrieren und erhöhen die Abbrüche.
Einen langsamen Checkout
Teste dein Checkout-Formular mit einer langsamen 3G-Verbindung. Lädt es schnell? Kann die Kundin es ohne lange Wartezeiten ausfüllen? Wenn dein Formular Bilder lädt, schwere Skripte ausführt oder unnötige API-Aufrufe macht, wirkt es langsam. Langsame Seiten erhöhen die Abbrüche. Optimiere auf Geschwindigkeit.
Checkout-Formulare mit WEMASY bauen
Das Onlineshop-System von WEMASY enthält vorgefertigte Checkout-Formulare, die auf Conversion optimiert sind. Das Formular ist mobil optimiert, unterstützt mehrere Zahlungsarten, zeigt die Bestellübersicht im gesamten Checkout und ist mit deinem Lagerbestand und deinem E-Mail-System verbunden. Kunden können als Gast bestellen, Zahlungsarten für spätere Bestellungen speichern und erhalten automatische Bestätigungen und Versandbenachrichtigungen. Dein Checkout ist live, sobald du deinen Zahlungsanbieter verbindest. Was in welchem Tarif enthalten ist, siehst du unter /pricing.