Button-Lösung

Woher kommt die Button-Lösung?

Der Gesetzgeber reagierte mit § 312j BGB auf sogenannte „Kostenfallen“ im Internet — Angebote, bei denen Verbraucher unbemerkt einen kostenpflichtigen Vertrag abschlossen, weil Preis oder Zahlungspflicht im Bestellprozess verschleiert waren. Seit 2012 gilt deshalb: Der letzte Klick vor Vertragsschluss muss unmissverständlich signalisieren, dass jetzt Geld fällig wird. Die Vorschrift ist Teil des Verbraucherschutzes im Fernabsatzrecht und wird von Gerichten wie von Mitbewerbern konsequent durchgesetzt — nicht zuletzt, weil ein Verstoß von außen leicht erkennbar ist: Man muss nur den Bestellprozess bis zum letzten Button durchklicken.

Welche Infos müssen direkt beim Bestell-Button stehen?

§ 312j Abs. 2 BGB verlangt, dass der Unternehmer dem Verbraucher unmittelbar bevor dieser die Bestellung abgibt, klar und in hervorgehobener Weise folgende Informationen zur Verfügung stellt:

• die wesentlichen Merkmale der Ware oder Dienstleistung
• den Gesamtpreis einschließlich aller Steuern und Versandkosten (oder die Art der Berechnung, wenn er nicht im Voraus feststeht)
• gegebenenfalls die Mindestlaufzeit des Vertrags bei Dauerschuldverhältnissen (z. B. Abos oder Mitgliedschaften)
• gegebenenfalls die Kündigungsbedingungen bei automatischer Vertragsverlängerung

Entscheidend ist das Wort „unmittelbar bevor“. Es ist nicht nur zeitlich, sondern vor allem räumlich-funktional zu verstehen: Die Pflichtangaben müssen so nah am Button stehen, dass der Verbraucher sie beim Klick zwangsläufig wahrnimmt. Zwischen den Informationen und dem Button dürfen keine trennenden Elemente liegen — kein Werbebanner, kein eingeschobenes Newsletter-Feld, kein zusätzlicher Verarbeitungsschritt und keine Weiterleitung auf eine andere Seite. Ein bloßer Verweis auf die AGB oder eine separate Preisübersicht reicht ausdrücklich nicht: Die Angaben gehören auf dieselbe Bestellseite, direkt über oder neben den Button, und sollten ohne Scrollen oder Ausklappen sichtbar sein.

Konkret heißt das für die Checkout-Gestaltung: Direkt oberhalb des Bestell-Buttons steht eine kompakte Bestellübersicht mit den bestellten Artikeln, dem Gesamtpreis inklusive Steuern und Versand sowie — falls einschlägig — der Laufzeit. Erst darunter folgt der Button. Wird zwischen diese Übersicht und den Button noch ein Cross-Selling-Block („Das könnte Ihnen auch gefallen“), ein Gutschein-Feld oder ein Trust-Banner geschoben, ist die räumliche Unmittelbarkeit unterbrochen — auch wenn alle Informationen technisch „irgendwo auf der Seite“ vorhanden sind. Für die Beurteilung zählt nicht, ob eine Angabe existiert, sondern ob sie im Blickfeld des letzten Klicks liegt.

Welche Button-Beschriftungen sind zulässig — und welche nicht?

§ 312j Abs. 3 BGB nennt „zahlungspflichtig bestellen“ als sicheren Wortlaut, lässt aber „eine entsprechende eindeutige Formulierung“ zu. Ausschlaggebend ist, dass die Zahlungspflicht aus dem Button-Text selbst hervorgeht. Die folgende Einordnung entspricht der etablierten Praxis:

Die Faustregel: Je näher am Gesetzeswortlaut, desto sicherer. Werbliche oder verharmlosende Formulierungen wie „jetzt sichern“ mögen die Conversion Rate kurzfristig heben, sind aber rechtlich angreifbar — der vermeintliche Optimierungsgewinn kann sich in eine Abmahnung verwandeln. Viele Shopsysteme liefern „zahlungspflichtig bestellen“ bereits als Standardtext im Checkout; wird dieser im Rahmen eines Redesigns oder einer Optimierung gegen Warenkorbabbrüche geändert, sollte die Button-Lösung explizit mitgeprüft werden.

Betrifft die Button-Lösung nur den finalen Bestell-Button?

Nein — die Pflicht gilt für jeden Klick, der final eine Zahlungspflicht auslöst. Das betrifft nicht nur den klassischen „Kaufen“-Button im Warenkorb, sondern auch:

• Abo- und Mitgliedschaftsmodelle, bei denen die erste Zahlung erst nach einer Testphase fällig wird — auch hier muss klar erkennbar sein, dass mit dem Klick ein zahlungspflichtiger Vertrag entsteht.
• In-App- oder One-Click-Bestellungen, bei denen hinterlegte Zahlungsdaten ohne erneute Eingabe verwendet werden — die Formulierungspflicht entfällt dadurch nicht.
• Nachträgliche Zubuchungen im Kundenkonto, etwa Zusatzleistungen oder Upgrades, sofern sie eigenständig eine neue Zahlungspflicht begründen.

Umgekehrt gilt: Buttons, die noch keine Zahlungspflicht auslösen — etwa „In den Warenkorb“, „Zur Kasse“ oder „Weiter zur Zahlungsart“ —, unterliegen der strengen Formulierungspflicht nicht. Sie führen den Kunden nur durch den Bestellprozess, lösen aber selbst keinen Vertrag aus. Die Pflicht knüpft ausschließlich an den einen Klick, mit dem die verbindliche, zahlungspflichtige Bestellung abgegeben wird. Das ist wichtig gegen Über-Compliance: Nicht jeder Button im Checkout muss „zahlungspflichtig“ heißen, sondern genau der letzte.

Technisch betrifft das jeden Bestell-Flow im Shop, nicht nur den Standard-Checkout — bei individuellen Checkout-Erweiterungen oder Subscription-Add-ons lohnt sich deshalb ein eigener Blick auf jeden einzelnen Button, der eine Zahlung auslöst.

Wie setze ich die Button-Lösung in JTL-Shop, Shopify und Shopware um?

Die gute Nachricht: Die großen Shopsysteme liefern die Button-Lösung im Standard bereits konform aus. Riskant wird es fast immer erst durch eigene Anpassungen.

• JTL-Shop: Der Standard-Checkout beschriftet den Bestell-Button korrekt und zeigt die Pflichtangaben an der richtigen Stelle. Vorsicht ist bei Template-Anpassungen geboten: Wer im Checkout-Template auf NOVA-Basis Elemente umsortiert oder den Button-Text über die Sprachvariablen überschreibt, kann die Konformität unbemerkt aushebeln. Nach jedem Checkout-Customizing sollte der komplette Bestellabschluss gegengeprüft werden.
• Shopify: Der Checkout ist bei Shopify weitgehend systemseitig vorgegeben, der Button „Jetzt bezahlen“ gilt als konforme Formulierung. Wichtig ist, die Checkout-Texte und die Sprachdatei zu prüfen — gerade nach einem Wechsel der Shop-Sprache, bei manuellen Übersetzungen oder bei individuellen Checkout-Erweiterungen kann ein Button-Text abweichen.
• Shopware: Der Standard-Checkout ist konform. Wie bei JTL-Shop gilt: Sobald der Bestellabschluss über eigene Templates, Plugins oder einen individuellen Checkout-Schritt angepasst wird, müssen die Button-Beschriftung und die Position der Pflichtangaben erneut kontrolliert werden.

Über alle Systeme hinweg gilt dieselbe Regel: Der Standard ist konform, das Customizing ist das Risiko. Jede Änderung am Checkout — ein Theme-Update, ein neues Payment-Plugin oder ein A/B-Test — ist ein Anlass, den finalen Button noch einmal zu prüfen.

Welche Rechtsfolge hat ein Verstoß?

Die Rechtsfolge ist ungewöhnlich hart und unterscheidet sich von den meisten anderen Informationspflichten im Fernabsatzrecht: Bei fehlerhafter Button-Beschriftung kommt nach § 312j Abs. 4 BGB gar kein Vertrag zustande. Praktisch bedeutet das:

• Der Kunde schuldet keine Zahlung. Der Vertrag ist nicht etwa nur anfechtbar, sondern von vornherein unwirksam — es gibt keinen Anspruch, dem der Händler nachlaufen könnte.
• Bereits erbrachte Leistungen (Versand, Zahlungsabwicklung) muss der Händler wirtschaftlich selbst tragen; bereits vereinnahmte Beträge können zurückgefordert werden.
• Zusätzlich drohen wettbewerbsrechtliche Abmahnungen durch Mitbewerber oder Verbände, da § 312j BGB als Marktverhaltensregel eingestuft wird — mit Unterlassungserklärung, Abmahnkosten und im Wiederholungsfall Vertragsstrafe.

Der wirtschaftliche Schaden entsteht also doppelt: über nicht durchsetzbare Forderungen und über die Abmahnkosten. Gerade weil der Verstoß für Dritte so leicht überprüfbar ist, ist die Button-Lösung ein beliebtes Abmahnziel.

Verwandt: der Kündigungsbutton nach § 312k BGB

Seit dem 1. Juli 2022 gibt es ein Gegenstück zur Button-Lösung: den Kündigungsbutton nach § 312k BGB. Shops, die Verbrauchern Dauerschuldverhältnisse anbieten — Abos, Mitgliedschaften, laufende Verträge —, müssen eine gut sichtbare, unmittelbar erreichbare Schaltfläche mit der Aufschrift „Verträge hier kündigen“ oder einer eindeutig entsprechenden Formulierung bereitstellen. Der Button muss dabei ständig verfügbar und ohne Login unmittelbar erreichbar sein und den Kunden über eine Bestätigungsseite zur Kündigung führen — er darf nicht in Untermenüs oder hinter dem Kundenkonto versteckt werden. Während die Button-Lösung den Vertragsschluss regelt, betrifft der Kündigungsbutton die Beendigung. Beide sind eigenständige Pflichten, und wer Abomodelle betreibt, muss beide erfüllen.

Typische Fehler aus der Praxis

1. Standard-Checkout-Text unbemerkt überschrieben, etwa bei einem Theme-Wechsel oder Custom-Checkout, ohne die Formulierung erneut zu prüfen.
2. Preisangaben stehen unterhalb statt oberhalb des Buttons oder werden erst nach dem Klick sichtbar — Reihenfolge und Nähe im Checkout sind entscheidend.
3. Trennende Elemente zwischen Pflichtinfos und Button, etwa ein eingeschobenes Newsletter-Feld oder ein Werbebanner.
4. Abo- oder Ratenzahlungsmodelle ohne Hinweis auf die Mindestlaufzeit direkt vor dem Button.
5. A/B-Tests am Checkout-Button, bei denen eine Variante versehentlich eine unklare Formulierung wie „Weiter“ oder „Jetzt sichern“ verwendet.
6. Mobile Ansicht abweichend von Desktop, weil der Button-Text auf kleinen Bildschirmen aus Platzgründen gekürzt wurde und dadurch die Eindeutigkeit verliert.

Fazit

Die Button-Lösung ist eine der wenigen Vorschriften im E-Commerce-Recht mit einer so klaren technischen Umsetzung — und gleichzeitig eine der folgenreichsten bei Fehlern, da im schlimmsten Fall kein Vertrag entsteht. Der Standard der gängigen Shopsysteme ist konform; das Risiko entsteht fast immer erst durch Customizing am Checkout. Dieser Beitrag ersetzt keine Rechtsberatung; bei individuellen Checkout-Gestaltungen, insbesondere bei Abo- oder Ratenmodellen, sollte im Zweifel ein Fachanwalt hinzugezogen werden. Weitere rechtliche Grundlagen für den Checkout fasst unser Guide Online-Shop rechtssicher betreiben zusammen; die technische Umsetzung im Checkout übernehmen wir als E-Commerce-Agentur.