# Checkout-Optionen: monatlich oder jährlich im selben Checkout > Mehrere Preise auf einer Checkout-Seite anbieten, aus denen der Käufer genau einen auswählt: monatlich gegen jährlich, Raten gegen Einmalzahlung, Basis gegen Paket. https://rabbit-checkout.de/hilfe/anleitungen/checkout-optionen/ · Aktualisiert: 2026-08-13 --- Mit **Checkout-Optionen** zeigst du auf einer Checkout-Seite mehrere Preise nebeneinander, von denen der Käufer **genau einen** auswählt. Nur die gewählte Option landet in der Bestellung. Typische Fälle: - **Monatlich oder jährlich** für dieselbe Mitgliedschaft. - **Ratenzahlung oder Einmalzahlung** für denselben Kurs. - **Basis oder Paket**, wobei das Paket aus mehreren Produkten besteht. Das ist etwas anderes als ein [Bump-Angebot](/hilfe/anleitungen/bump-offer-einrichten/) (ein Ankreuzfeld, das *zusätzlich* dazukommt) und etwas anderes als ein [Upsell](/hilfe/anleitungen/upsell-downsell/) (ein Angebot *nach* dem Kauf). Checkout-Optionen schließen sich gegenseitig aus.
Checkout-Optionen gibt es in Starter und Pro.
## Voraussetzung: die Preise gibt es schon Eine Checkout-Option ist keine neue Preisangabe, sondern eine **Gruppe von Preisoptionen**, die du vorher am Produkt angelegt hast. Für „monatlich oder jährlich“ brauchst du also zuerst zwei Preisoptionen am selben Produkt → [Produkt und Preis anlegen](/hilfe/start/produkt-anlegen/), [Abo verkaufen](/hilfe/anleitungen/abo-verkaufen/). ## Schritt 1: Optionen im Checkout-Flow anlegen **Shop → Checkout Flows** → den Flow anklicken → im Kasten **Checkout-Seite** den Abschnitt **Artikel zur Checkout**. Solange dort nur eine Gruppe steht, siehst du einfach die Artikel des Flows. Mit **Option hinzufügen** wird daraus eine Auswahl: ab der zweiten Option klappt jede Option als eigene Zeile auf. ![Der Abschnitt „Artikel zur Checkout“ im Checkout-Flow-Editor mit drei zusammengeklappten Optionen untereinander: „Jährlich“ mit den Etiketten „Empfohlen“ und „Vorausgewählt“ und der Zeile „390,00 € / Jahr · 2 Monate geschenkt“, darunter „Monatlich“ mit „39,00 € / Monat“ und „Lifetime“ mit „890,00 €“. Jede Zeile hat links einen Ziehgriff und rechts einen Pfeil zum Aufklappen. Darunter die Schaltfläche „Option hinzufügen“.](/assets/img/hilfe/checkout-optionen-liste.webp "Drei Optionen in einem Flow. Der Ziehgriff links ändert die Reihenfolge, in der die Optionen im Checkout stehen.") Jede Option klappst du auf und füllst sie aus: | Feld | Bedeutung | | --- | --- | | **Name** | Die Überschrift der Option im Checkout, z. B. „Jährlich“. | | **Badge** | Ein kurzes Etikett auf der Option, z. B. „Bester Wert“ oder „2 Monate geschenkt“. Leer lassen, wenn du keins willst. | | **Empfohlen** | Hebt diese Option optisch hervor (größer dargestellt, farbig umrandet). Höchstens eine Option pro Flow. | | **Vorausgewählt** | Diese Option ist beim Laden der Seite aktiv. Genau eine Option pro Flow. | | **Produkte in der Option** | Die Preisoptionen, die der Käufer bekommt, wenn er diese Option wählt. Über **+** kommen weitere dazu. | ![Die aufgeklappte Option „Jährlich“ im Checkout-Flow-Editor: Feld Name mit „Jährlich“, Feld „Badge (z. B. Bester Wert)“ mit dem Wert „2 Monate geschenkt“, zwei eingeschaltete Schalter „Empfohlen — Wird hervorgehoben dargestellt“ und „Vorausgewählt — Beim Laden der Seite aktiv“, darunter „Produkte in der Option“ mit dem Eintrag „Content-Club Mitgliedschaft — 390,00 € / Jahr“ und einem Papierkorb-Symbol, ganz unten „Option entfernen“.](/assets/img/hilfe/checkout-optionen-felder.webp "Eine ausgefüllte Option. Badge, Empfohlen und Vorausgewählt sind unabhängig voneinander; hier sind alle drei gesetzt.") Der **Ziehgriff** links an jeder Zeile bestimmt die Reihenfolge im Checkout. Zum Schluss **Speichern**. ## Schritt 2: den Block auf die Checkout-Seite ziehen Die Optionen sind damit angelegt, aber noch nicht sichtbar. Die Auswahl selbst ist ein Baustein der Checkout-Seite: **Design → Checkout-Seiten** → Seite anklicken → **Öffne den Page Builder** → links in der Leiste den Block **Checkout Options** auf die Seite ziehen. ![Der Page Builder mit der Checkout-Seite „Content-Club Checkout“. Oben die Auswahl „preview on: /content-club“. In der linken Werkzeugleiste steht als dritter Block „Checkout Options“ mit einem Ebenen-Symbol. In der Seite darüber liegen drei Auswahlkarten: „Jährlich, Ein Jahr im Voraus, 2 Monate geschenkt, 390,00 € / Jahr inkl. USt.“ ist ausgewählt, darunter „Monatlich, 39,00 € / Monat“ und „Lifetime, 890,00 €“. Rechts die Preisübersicht mit „Wiederkehrende Gebühr 390,00 € / Jahr“.](/assets/img/hilfe/checkout-optionen-block.webp "Der Block heißt in der Werkzeugleiste „Checkout Options“. Über „preview on“ oben wählst du den Flow, dessen Optionen in der Vorschau erscheinen.")
Die Vorschau im Page Builder zeigt erst dann echte Optionen, wenn du oben unter preview on einen Checkout-Flow ausgewählt hast. Ohne Auswahl steht dort nur der Hinweis, dass es nichts vorzuschauen gibt.
Liegt der Block nicht auf der Seite, sieht der Käufer keine Auswahl — und kauft stillschweigend die Option, die du als Vorausgewählt markiert hast. Nach dem Anlegen von Optionen also immer die Checkout-Seite prüfen und einen Testkauf machen.
## Was der Käufer sieht Die gewählte Option steuert alles Weitere: die **Preisübersicht**, die ausgewiesene **Mehrwertsteuer**, bei Abos die **Laufzeit- und Kündigungsangaben** und den Betrag, der tatsächlich abgebucht wird. Schaltet der Käufer um, aktualisiert sich das sofort. ![Kundenansicht eines Checkouts mit drei Auswahlkarten untereinander: „Jährlich, Ein Jahr im Voraus“ mit blauem Rahmen, gefülltem Auswahlpunkt, blauem Etikett „2 Monate geschenkt“ und „390,00 € / Jahr inkl. USt.“; darunter „Monatlich, Monatlich kündbar, 39,00 € / Monat inkl. USt.“; darunter „Lifetime, Einmal zahlen, dauerhaft dabei, 890,00 € inkl. USt.“. Rechts die Preisübersicht mit „Content-Club Mitgliedschaft“ und „Wiederkehrende Gebühr 390,00 € / Jahr“.](/assets/img/hilfe/checkout-optionen-kundenansicht.webp "Die vorausgewählte Option ist beim Laden aktiv, und die Preisübersicht rechts zeigt genau diese Option.") Bei Abo-Optionen steht auf der Karte der **wiederkehrende Preis pro Abrechnungszeitraum** („390,00 € / Jahr“). Eine Startgebühr oder eine Testphase erscheint dort nicht — sie steht in der Preisübersicht neben dem Bestellbutton. Bei Optionen aus mehreren Produkten zeigt die Karte die Summe der Einzelpreise. ## Layout wählen Klick im Page Builder auf den Block. Rechts unter **Eigenschaften → Design-Vorlage** stehen zwei Layouts und die Farben. ![Das Eigenschaften-Feld des Blocks im Page Builder mit den Reitern Allgemein, Stil und Erweitert. Unter „Design-Vorlage“ ein Auswahlfeld mit „Auswahlkarten (gestapelt)“ und dem Hinweis „Lege fest, wie die Checkout-Optionen angeordnet werden. Die Optionen selbst konfigurierst du in den Checkout-Link-Einstellungen.“ Darunter das Feld „Abstand“ mit dem Wert 4 und das Farbfeld „Auswahlfarbe“ mit dem Hinweis „Hervorhebungsfarbe für die ausgewählte Option (Rahmen und Auswahlpunkt)“.](/assets/img/hilfe/checkout-optionen-vorlage.webp "Die Design-Vorlage bestimmt nur die Anordnung. Welche Optionen es gibt, entscheidest du im Checkout-Flow.") | Einstellung | Bedeutung | | --- | --- | | **Auswahlkarten (gestapelt)** | Die Optionen liegen untereinander. Der Normalfall, funktioniert in jeder Spaltenbreite. | | **Spalten nebeneinander** | Die Optionen stehen nebeneinander, gut für einen Vergleich „gut / besser / am besten“. | | **Abstand** | Abstand zwischen den Optionen. | | **Auswahlfarbe** | Rahmen und Auswahlpunkt der gewählten Option. | | **Badge-Farbe** | Hintergrund der Etiketten. Ohne eigene Angabe die Auswahlfarbe. | | **Hervorhebungsgröße (%)** | Wie viel größer die empfohlene Option dargestellt wird. 100 = gleich groß, Standard ist 105. | | **Hervorhebung Textfarbe / Hintergrund / Rahmenfarbe** | Gelten nur für die als **Empfohlen** markierte Option. | ![Kundenansicht mit dem Layout „Spalten nebeneinander“: drei Karten nebeneinander in einer Reihe. Links „Jährlich, Ein Jahr im Voraus“ mit blauem Rahmen, gefülltem Auswahlpunkt, Etikett „2 Monate geschenkt“ und „390,00 € / Jahr inkl. USt.“, in der Mitte „Monatlich, Monatlich kündbar, 39,00 € / Monat inkl. USt.“, rechts „Lifetime, Einmal zahlen, dauerhaft dabei, 890,00 € inkl. USt.“.](/assets/img/hilfe/checkout-optionen-spalten.webp "Spalten nebeneinander brauchen Breite. Auf dem Handy stapeln sie sich automatisch.")
Im zweispaltigen Standard-Checkout ist die linke Spalte für drei Karten nebeneinander zu schmal; sie werden dann seitlich abgeschnitten und lassen sich nur noch horizontal scrollen. Zieh den Block für dieses Layout in den Bereich Top, der über die volle Seitenbreite geht → Checkout-Seite gestalten.
## Regeln und Grenzen - **Mindestens zwei, höchstens vier Optionen.** Bei einer einzigen Option gibt es keine Auswahl und der Checkout verhält sich wie immer. Löschst du Optionen, bis nur noch eine übrig ist, verschwindet die Auswahl wieder. - **Höchstens eine Option „Empfohlen“.** Zwei markierte Optionen lassen sich nicht speichern. - **Genau eine Option „Vorausgewählt“.** Setzt du den Schalter bei einer anderen Option, wandert die Markierung dorthin. Ohne Markierung wird die empfohlene Option genommen, sonst die erste. - **Innerhalb einer Option** gelten dieselben Regeln wie für einen normalen Flow: kein Produkt zweimal, und Abo und Einmalkauf nicht gemischt. - **Zwischen den Optionen** gelten sie nicht. Genau das ist der Zweck: Option A darf ein Jahresabo sein, Option B ein einmaliger Lifetime-Kauf. ## Zusammenspiel mit dem Rest **Bump-Angebote** bleiben unabhängig und kommen zur gewählten Option dazu. Weil ein Bump nur bei Einmalkäufen möglich ist, verschwindet er automatisch, sobald der Käufer eine Abo-Option auswählt, und taucht wieder auf, wenn er zu einer Einmalzahlungs-Option zurückwechselt. **Gutscheine** wirken auf die Positionen der gewählten Option. **Upsells und Downsells** nach dem Kauf laufen unverändert weiter, egal welche Option gewählt wurde. **Flow kopieren:** Kopierst du einen Checkout-Flow, werden die Checkout-Optionen mitkopiert. ## Was in der Bestellung ankommt In der Bestellung stehen die Produkte der gewählten Option als normale Positionen, mit ihren Preisen und Steuersätzen. Auch die Rechnung enthält nur die Positionen der gewählten Option. Welche Option gewählt wurde, wird zur Bestellung gespeichert, ist im Dashboard aber nicht als eigenes Feld sichtbar. Erkennbar ist sie an den Positionen: eine Bestellung mit „390,00 € / Jahr“ kam über die Jahres-Option.
Preise und Zusammensetzung werden beim Bestellen serverseitig aus der gewählten Option neu gelesen. Manipulierte Preise aus dem Browser haben keine Wirkung. Änderst du eine Option nachträglich, gilt sie ab dem nächsten Aufruf der Seite — bereits abgeschlossene Bestellungen bleiben unberührt.
## Häufige Fragen **Wie biete ich monatliche und jährliche Zahlung auf derselben Seite an?** Lege im Produkt zwei Preisoptionen an, eine monatliche und eine jährliche. Im Checkout-Flow legst du unter Artikel zur Checkout zwei Optionen an und ordnest jeder eine der beiden Preisoptionen zu. Auf der Checkout-Seite ziehst du den Block Checkout Options in die Seite. Der Käufer wählt dann eine der beiden Optionen aus. **Wie viele Checkout-Optionen sind möglich?** Mindestens zwei und höchstens vier. Bei nur einer Option verhält sich der Checkout wie ein normaler Checkout ohne Auswahl. **Kann eine Option ein Abo und eine andere ein Einmalkauf sein?** Ja. Die Regel, dass Abo und Einmalkauf nicht gemischt werden dürfen, gilt innerhalb einer Option. Über verschiedene Optionen hinweg darf sich das unterscheiden, zum Beispiel monatliches Abo gegen einmaligen Lifetime-Kauf. **Warum sieht mein Kunde keine Auswahl, obwohl ich Optionen angelegt habe?** Die Auswahl erscheint nur, wenn der Block Checkout Options auf der Checkout-Seite liegt. Fehlt er, kauft der Kunde ohne Auswahl die Option, die als Vorausgewählt markiert ist. **Wird der Gesamtpreis beim Umschalten aktualisiert?** Ja. Die gewählte Option steuert die Preisübersicht, die Mehrwertsteuer, die Abo-Konditionen und den Betrag, der abgebucht wird. Beim Wechsel der Option aktualisiert sich alles sofort. **Brauche ich Pro für Checkout-Optionen?** Nein. Checkout-Optionen sind in Starter und Pro verfügbar. ## Passend dazu - [Einstieg: Checkout-Flow erstellen](https://rabbit-checkout.de/hilfe/start/checkout-flow-erstellen/) - [Anleitung: Abo verkaufen](https://rabbit-checkout.de/hilfe/anleitungen/abo-verkaufen/) - [Anleitung: Checkout-Seite gestalten](https://rabbit-checkout.de/hilfe/anleitungen/checkout-seite-gestalten/) - [Anleitung: Bump-Angebot einrichten](https://rabbit-checkout.de/hilfe/anleitungen/bump-offer-einrichten/)