# Abonnement-Integration entwerfen Erfahren Sie mehr über die Konfigurationsoptionen für eine Abo-Integration. In diesem Leitfaden erfahren Sie, wie Sie auf verschiedene Weise Ihre Abo-Integration erstellen können. Folgen Sie den Links zu ausführlichen Schritt-für-Schritt-Anleitungen. Sie müssen Folgendes beachten: - [Ihre Präferenzen bei der Abrechnung Ihrer Kundinnen und Kunden](https://docs.stripe.com/billing/subscriptions/design-an-integration.md#pricing-model) - [Wie Ihre Kundinnen/Kunden auschecken und ihre Zahlungsinformationen angeben sollen](https://docs.stripe.com/billing/subscriptions/design-an-integration.md#checkout-options) - [Wenn Sie möchten, dass Kundinnen und Kunden für das Abonnement bezahlen](https://docs.stripe.com/billing/subscriptions/design-an-integration.md#select-billing-model) ## Entscheiden Sie, wie Sie die Abrechnungen für Ihre Kundschaft erstellen Vergleichen Sie die folgenden Preismodelle und legen Sie fest, wie Sie Ihrer Kundschaft das Abonnement Ihres Produkts oder Ihrer Dienstleistung berechnen möchten: - **Pauschalpreis**: Berechnen Sie Ihren Kundinnen und Kunden eine Pauschale für die von ihnen gewählte Servicestufe. - **Pro Nutzer/in**: Der Kundschaft wird jede Preiseinheit berechnet, welche einer Nutzerin/einem Nutzer oder einer Lizenz pro Nutzer/in entspricht. - **Gestaffelt:** Berechnen Sie Kundinnen/Kunden einen variierenden Betrag pro Preiseinheit (z. B. pro Nutzerin/Nutzer oder Sitzplatz), basierend auf Menge oder Nutzung. - **Nutzungsabhängig**: Wickeln Sie Zahlungen Ihrer Kundinnen/Kunden auf der Grundlage der Nutzung Ihres Produkts oder Ihrer Dienstleistung ab. | Preisgestaltung | Beschreibung | | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Pauschale** | Im folgenden Beispiel bieten Sie drei verschiedene Servicestufen an: Basic, Starter und Enterprise. Für jede Servicestufe geben Sie einen monatlichen und einen jährlichen Preis an. ![Ein Beispiel für ein Pauschalpreismodell, das drei Servicelevels zeigt.](https://b.stripecdn.com/docs-statics-srv/assets/pricing_model-flat-rate.e99989aa8c2abe76edd607462840776e.png) | | **Per-Seat-Lizenz** | In dem folgenden Beispiel bieten Sie einen Plan pro Nutzer/in für Softwarelizenzen an. Für jede/n Nutzer/in wickeln Sie eine bestimmte Zahlung für ihre/seine Lizenz ab. ![Ein Beispiel für das Preismodell pro Nutzer/in, das einen Plan pro Nutzer/in für Softwarelizenzen zeigt.](https://b.stripecdn.com/docs-statics-srv/assets/pricing_model-per-seat.8ed5ad9243ad6ae1c38b072cbb4ce07a.png) | | **Gestaffelt** | **Mengenbasierte Preisgestaltung**: Sie multiplizieren die Menge mit den Stückkosten der Stufe, die der Nutzung am Ende des Zeitraums entspricht. **Gestaffelte Preisgestaltung**: Sie multiplizieren die Nutzung für jede während des Zeitraums genutzte Stufe und addieren anschließend die Zwischensummen der einzelnen Stufen. Dies unterscheidet sich von der mengenbasierten Preisgestaltung, bei der nur die Stufe am Ende des Zeitraums verwendet wird. Im folgenden Beispiel bieten Sie Kundinnen/Kunden, die mehr Projekte pro Monat in Anspruch nehmen, niedrigere Tarife mit Stufen an, die Sie je nach Volumen oder gestaffelter Preisgestaltung anpassen können. | | Anzahl der Projekte | Preis pro Stufe | | ------------ | ------------------- | --------------- | | Stufe 1 | 1 bis 5 | 7 USD | | Zweite Stufe | 6 bis 10 | 6,50 USD | | Dritte Stufe | 11+ | 6 USD | | | **Nutzungsbasiert** | **Feste Transaktionsgebühren und Überschreitungsgebühren**: Sie wickeln eine pauschale Transaktionsgebühr pro Monat für Ihr Produkt oder Ihre Dienstleistung ab. In der Transaktionsgebühr ist ein gewisser Anspruch auf Nutzung enthalten und Sie wickeln jede zusätzliche Nutzung (Überschreitung) am Ende des Zeitraums ab. **„Pay as you go“-Preisgestaltung**: Sie berechnen die Nutzung, die über einen bestimmten Zeitraum nachverfolgt wird. Sie können eine der folgenden Methoden der Preisgestaltung verwenden: pro Einheit, pro Paket, volumenbasiert oder gestaffelt. **Preisgestaltung durch Guthabenverrechnung**: Ihre Kundinnen und Kunden leisten eine Vorauszahlung für Ihr Produkt oder Ihre Dienstleistung auf Nutzungsbasis. Sie gestatten Ihrer Kundschaft dann im Laufe der Nutzung Ihres Produkts oder Ihrer Dienstleistung [Abrechnungsguthaben](https://docs.stripe.com/billing/subscriptions/usage-based/billing-credits.md) zu verrechnen. Im folgenden Beispiel berechnen Sie eine monatliche Pauschale für Ihre Dienstleistung, die eine bestimmte Anzahl von Token enthält. Für jede Nutzung über die enthaltenen Token hinaus berechnen Sie einen zusätzlichen Preis pro Token. | | Erste Einheit | Letzte Einheit | Pro Einheit | Pauschalpreis | | ------------ | ------------- | -------------- | -------------- | ------------- | | Stufe 1 | 0 | 100.000 | 0,001 USD | 1,00 USD | | Zweite Stufe | 100.001 | ∞ | 0,002 USD | 2,00 USD | | ## Entscheiden Sie, wie Kundinnen und Kunden den Kauf abschließen Vergleichen Sie die folgenden Nutzeroberflächen für den Bezahlvorgang und bestimmen Sie, wie Ihre Kundinnen und Kunden ihre Zahlungsinformationen für das Abonnement Ihres Produkts oder Ihrer Dienstleistung angeben sollen. | Nutzeroberfläche | Beschreibung | Beispiel | | ------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | | **Von Stripe gehostete Seite** | Verwenden Sie eine [Bezahlseite](https://docs.stripe.com/checkout/quickstart.md), die vorgefertigt und von Stripe gehostet wird. Vorteile: - Stripe kümmert sich um den Einzug und die Validierung für die Zahlungsmethode. - Stripe startet den Abonnementprozess automatisch. Anpassung der Nutzeroberfläche: 20 voreingestellte Schriftarten, 3 voreingestellte Rahmenradien, benutzerdefinierte Hintergrund- und Rahmenfarbe und benutzerdefiniertes Logo | ![](https://b.stripecdn.com/docs-statics-srv/assets/checkout-subs-preview.d409ee79bf1f3280b9dfd3968b314c21.png) | | **Eingebettetes Zahlungsformular** | Betten Sie ein vorgefertigtes und von Stripe gehostetes [Zahlungsformular](https://docs.stripe.com/checkout/embedded/quickstart.md) direkt in Ihre Website ein. Vorteile: - Stripe kümmert sich um den Einzug und die Validierung für die Zahlungsmethode. - Stripe startet den Abonnementprozess automatisch. Anpassung der Nutzeroberfläche: 20 voreingestellte Schriftarten, 3 voreingestellte Rahmenradien, benutzerdefinierte Hintergrund- und Rahmenfarbe und benutzerdefiniertes Logo | ![](https://b.stripecdn.com/docs-statics-srv/assets/embedded-checkout-form-preview.23a56550b7d522d8437b2beac672410f.png) | | **Benutzerdefiniertes Zahlungsformular** | Erstellen Sie ein [benutzerdefiniertes Zahlungsformular](https://docs.stripe.com/payments/advanced.md) mit Komponenten der Nutzeroberfläche, die Sie auf Ihrer Website integrieren können. Vorteile: - Kombiniert Stripe Elements mit dem Frontend Ihrer Webanwendung. - So können Sie das Layout von Payment Element an Ihren Bezahlvorgang anpassen. Anpassung der Nutzeroberfläche: Passen Sie das Erscheinungsbild des Zahlungsformulars mit der [Appearance API](https://docs.stripe.com/elements/appearance-api.md) an. | ![](https://b.stripecdn.com/docs-statics-srv/assets/appearance_example.e076cc750983bf552baf26c305e7fc90.png) | | **Preistabelle** | Betten Sie eine [Preistabelle](https://docs.stripe.com/payments/checkout/pricing-table.md) auf Ihrer Website ein, um Preisinformationen für Abonnements anzuzeigen. Vorteile: - Zeigt eine Reihe von Preisoptionen an. - Leitet den Nutzer zu einer von Stripe gehosteten Zahlungsseite für den Bezahlvorgang weiter. Anpassung der Nutzeroberfläche: Passen Sie das Layout, den Text und das Erscheinungsbild der Schaltflächen an. | ![](https://b.stripecdn.com/docs-statics-srv/assets/pricing-table-embed.b27a06fcd84b57a8866a8b4b62323fdc.png) | | **Schaltflächen für die Zahlung mit einem Klick** | Akzeptieren von Zahlungen über [Schaltflächen für Zahlungen mit einem Klick](https://docs.stripe.com/elements/express-checkout-element/accept-a-payment.md) für verschiedene Zahlungsmethoden. Vorteile: - Ermöglicht das Hinzufügen von Zahlungsschaltflächen ohne Frontend-Änderungen. - Sortiert dynamisch die Zahlungsschaltflächen auf Grundlage des Standorts eines Kunden. - Folgende Zahlungsmethoden werden unterstützt: Link, Apple Pay, Google Pay, PayPal, Klarna und Amazon Pay. Anpassung der Nutzeroberfläche: Passen Sie das Layout, den Text und das Erscheinungsbild der Schaltflächen an. | ![](https://b.stripecdn.com/docs-statics-srv/assets/link-in-express-checkout-element.67be6745e5a37c1c09074b0f43763cff.png) | | **Zahlungslink** | Erstellen Sie einen [Zahlungslink](https://docs.stripe.com/payment-links/create.md), den Sie direkt mit Kundinnen und Kunden teilen können. Wenn Kundinnen und Kunden auf den Zahlungslink klicken, werden sie zu einer von Stripe gehosteten Zahlungsseite weitergeleitet.1 Vorteile: - Ermöglicht das Akzeptieren von Zahlungen, indem Sie einen Zahlungslink verwenden, den Sie beliebig oft teilen können. - Verwendet die bevorzugte Browsersprache Ihres Kunden. - Unterstützt mehr als 20 Zahlungsmethoden, darunter Kredit- und Debitkarten, Apple Pay und Google Pay. - Ermöglicht Ihnen die Anpassung der Nutzeroberfläche mit 20 voreingestellten Schriftarten, 3 voreingestellten Rahmenradien, benutzerdefinierten Hintergrund- und Rahmenfarben und einem benutzerdefinierten Logo | ![](https://b.stripecdn.com/docs-statics-srv/assets/payment-link.4f7ea42c63046f6714ffe620059f1a3c.png) | | **Mobile App** | Verwenden Sie ein vorgefertigtes Zahlungsformular, das von Stripe [in Ihrer mobilen App](https://docs.stripe.com/payments/mobile.md) gehostet wird. Vorteile: - So können Sie ein vorgefertigtes Sheet oder eine anpassbare Drop-In-Komponente auf jedem Bildschirm in Ihrer App verwenden. - Unterstützt Wallet-Zahlungen mit Apple Pay, Google Pay und Link. Anpassung der Nutzeroberfläche: Passen Sie das Erscheinungsbild des Zahlungsformulars mit der [Appearance API](https://docs.stripe.com/elements/appearance-api.md) an. | ![](https://b.stripecdn.com/docs-statics-srv/assets/ios-landing.35eb3fe43605b2b982353f4bdac95840.png) | 1Zahlungslinks werden bei der nutzungsbasierten Abrechnung nicht unterstützt. ## Entscheiden Sie, wann die Kundinnen und Kunden bezahlen sollen Vergleichen Sie die folgenden Modelle und legen Sie fest, wann Ihre Kundinnen und Kunden für das Abonnement Ihres Produkts oder Ihrer Dienstleistung bezahlen sollen. | Abrechnungsmodell | Beschreibung | | ---------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Vorauszahlung** | Verlangen Sie, dass Ihre Kundinnen und Kunden bezahlen, bevor Sie Zugriff auf Ihr Produkt oder Ihre Dienstleistung gewähren. Ein typischer Ablauf sieht wie folgt aus: 1. Ihre Kundin oder Ihr Kunde wählt ihren/seinen Abonnementplan aus. 1. Sie erfassen Zahlungsinformationen. 1. Sie gewähren Zugriff auf Ihr Produkt oder Ihre Dienstleistung. 1. Sie bieten dem Kunden während des gesamten Abonnementzeitraums weiterhin Zugriff. 1. Nach der ersten Abrechnung berechnen Sie dem Kunden in regelmäßigen Abständen weiterhin denselben festen Preis für dieselbe Dienstleistung. | | **Kostenloser Testzeitraum** | Bieten Sie Ihren Kunden vor der Abrechnung einen kostenlosen Testzeitraum für Ihr Produkt oder Ihre Dienstleistung an. Ein typischer Ablauf sieht wie folgt aus: 1. Ihre Kundin oder Ihr Kunde wählt ihren/seinen Abonnementplan aus. 1. Sie erfassen Zahlungsinformationen, berechnen dem Kunden jedoch nichts. 1. Sie gewähren Zugriff auf Ihr Produkt oder Ihre Dienstleistung für eine begrenzte Zeit. 1. Nach Ablauf des Testzeitraums beginnt ein neuer Rechnungsstellungszeitraum. 1. Stripe erstellt eine Rechnung mit dem von Ihnen für Ihre Dienstleistung festgelegten Preis. | | **Freemium** | Ermöglichen Sie Ihren Kundinnen und Kunden den Zugriff auf Ihr Produkt oder Ihre Dienstleistung, ohne Zahlungsinformationen anzufordern. Ein typischer Ablauf sieht wie folgt aus: 1. Ihre Kundin oder Ihr Kunde wählt ihren/seinen Abonnementplan aus. 1. Sie gewähren Zugriff auf Ihr Produkt oder Ihre Dienstleistung für eine begrenzte Zeit. 1. Vor Ablauf des Testzeitraums erfassen Sie die Zahlungsinformationen. 1. Nach Ablauf des Testzeitraums beginnt ein neuer Rechnungsstellungszeitraum. 1. Stripe erstellt eine Rechnung mit dem von Ihnen für Ihre Dienstleistung festgelegten Preis. | ## Erstellen Sie Ihre Abonnement-Integration | Preisgestaltung | Checkout-Schnittstelle | Abrechnungsmodell | Use Case | Anweisungen | | ---------------------------------------- | --------------------------------------------------- | ------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Pauschalpreis | Bezahlseite oder eingebettetes Formular | Kostenloser Testzeitraum | Sie möchten eine kostenlose Testphase für Ihr Abo anbieten und eine Zahlung einziehen, die nach Ablauf der Testphase verwendet werden soll. Verwenden Sie entweder eine von Stripe gehostete Seite, ein von Stripe gehostetes Zahlungsformular, das in Ihren Bezahlvorgang eingebettet ist, oder Ihr eigenes Zahlungsformular. | Starten Sie einen kostenlosen Testzeitraum mit einer von [Stripe gehosteten Seite](https://docs.stripe.com/payments/checkout/free-trials.md?payment-ui=stripe-hosted), einem [eingebetteten Zahlungsformular](https://docs.stripe.com/payments/checkout/free-trials.md?payment-ui=embedded-form) oder einem [benutzerdefinierten Zahlungsformular](https://docs.stripe.com/payments/checkout/free-trials.md?payment-ui=embedded-components) | | Nutzungsbasiert | Bezahlseite, eingebettetes Formular oder Mobile App | | Sie möchten die Abrechnung Ihrer Kundinnen und Kunden auf der Grundlage ihrer Nutzung Ihres Produkts oder Ihrer Dienstleistung durchführen. Sie können Zahlungen entweder über eine von Stripe gehostete Seite, ein von Stripe gehostetes Zahlungsformular, das in Ihren Bezahlvorgang eingebettet ist, Ihr benutzerdefiniertes Zahlungsformular oder ein Zahlungsformular in Ihrer mobilen App einziehen. | [Einrichten einer nutzungsbasierten Abrechnung](https://docs.stripe.com/billing/subscriptions/usage-based/implementation-guide.md) | | Pauschale, pro Nutzer/in oder gestaffelt | Preistabelle | Kostenloser Testzeitraum | Sie möchten verschiedene Abonnement-Preisstufen in einer Preistabelle anzeigen, die auf Ihrer Website eingebettet ist. Sie können eine Pauschale, Preise pro Nutzer/in, eine gestaffelte Preisgestaltung oder eine kostenlose Testversion anbieten. Nach der Auswahl einer Preisstufe können Kundinnen und Kunden ihre Zahlungsinformationen in einem vorgefertigten Zahlungsformular angeben. | [Preistabelle erstellen und auf Ihrer Website einbetten](https://docs.stripe.com/payments/checkout/pricing-table.md) | | Pauschalpreis | Zahlungslink | Im Voraus zahlen | Sie möchten Abonnements zu einem Pauschalpreis verkaufen und Zahlungsinformationen über einen Zahlungslink einziehen, den Sie Ihrer Kundschaft bereitstellen. Der Zahlungslink führt zu einer von Stripe gehosteten Zahlungsseite.2 | [Erstellen Sie Ihr Abonnement](https://docs.stripe.com/no-code/subscriptions.md) und dann [einen Zahlungslink](https://docs.stripe.com/payment-links/create.md?pricing-model=standard) für Ihr Abonnement | | Pauschalpreis | Mobile App | Im Voraus zahlen | Sie möchten Abonnements zu einem Pauschalpreis verkaufen. Erfassen Sie Zahlungsinformationen über ein benutzerdefiniertes Zahlungsformular, das in Ihre Mobile App eingebettet ist. | Erstellen Sie ein Zahlungsformular und betten Sie es in Ihre [iOS-App](https://docs.stripe.com/billing/subscriptions/build-subscriptions.md?payment-ui=mobile&platform=ios), [Android-App](https://docs.stripe.com/billing/subscriptions/build-subscriptions.md?payment-ui=mobile&platform=android) oder [React Native-App](https://docs.stripe.com/billing/subscriptions/build-subscriptions.md?payment-ui=mobile&platform=react-native) ein. | | Pauschalpreis | Schaltflächen für die Zahlung mit einem Klick | Im Voraus zahlen | Sie möchten Abonnements zu einem Pauschalpreis verkaufen. Erfassen Sie Zahlungsinformationen über Schaltflächen für Zahlungen mit einem Klick. Dabei haben Sie die Wahl zwischen einer von Stripe gehosteten Zahlungsseite, einem von Stripe gehosteten, in Ihren Bezahlvorgang eingebetteten Zahlungsformular oder Ihrem eigenen Zahlungsformular. | Fügen Sie auf Ihrer Bezahlseite die [Schaltflächen für Zahlungen mit einem Klick](https://docs.stripe.com/elements/express-checkout-element/accept-a-payment.md) hinzu | 2Zahlungslinks werden bei der nutzungsbasierten Abrechnung nicht unterstützt.