Weiter zum Inhalt
Konto erstellen
oder
anmelden
Das Logo der Stripe-Dokumentation
/
Konto erstellen
Anmelden
Jetzt starten
Zahlungen
Finanzautomatisierung
Plattformen und Marktplätze
Banking-as-a-Service
Entwickler-Tools
Jetzt starten
Zahlungen
Finanzautomatisierung
Jetzt starten
Zahlungen
Finanzautomatisierung
Plattformen und Marktplätze
Banking-as-a-Service

Einmalige Zahlungen mit CheckoutClient-Only-Integration

So akzeptieren Sie einmalige Kartenzahlungen mit nur wenigen Zeilen Code.

Stripe-Beispiel

Sehen Sie sich das Spenden-Beispiel auf GitHub an oder probieren Sie die gehostete Version aus.

Mit der Client-Only-Integration definieren Sie Ihre Produkte direkt über das Stripe-Dashboard und verweisen auf sie auf der Clientseite mithilfe der IDs. Dieses Verfahren ermöglicht die Integration von Checkout auf Ihrer Website ohne serverseitigen Code.

Achtung

Client-only-Checkout unterstützt viele der Funktionen nicht, die mit einer Client- und Serverintegration und Payment Links verfügbar sind, was möglicherweise besser zu Ihrem Anwendungsszenario passt.

Checkout aktivieren
Dashboard

Um mit Checkout loszulegen, melden Sie sich beim Stripe-Dashboard an und rufen Sie die Checkout-Einstellungen auf. Dort können Sie die Client-Only-Integration aktivieren und das Erscheinungsbild Ihrer Checkout-Seite anpassen.

Produkte und Preise erstellen

Um Checkout zu verwenden, müssen Sie zuerst ein Produkt und einen Preis erstellen. Verschiedene physische Waren oder Dienstleistungsebenen sollten durch Produkte dargestellt werden. Die Preisgestaltung ist durch einen oder mehrere Preise dargestellt.

Sie können beispielsweise ein T-Shirt-Produkt erstellen, das zwei Preise für verschiedene Währungen hat: 20 USD und 15 EUR. Auf diese Weise können Sie Preise ändern und hinzufügen, ohne die Details der zugrundeliegenden Produkte ändern zu müssen. Sie können ein Produkt oder einen Preis entweder über die API oder über das Stripe-Dashboard erstellen.

Vorsicht

Wenn Sie bereits eine Checkout-Integration haben, die Prices nicht nutzt, beachten Sie bitte, dass die Checkout API seit der Einführung von Prices geändert wurde. Verwenden Sie diesen Migrationsleitfaden, um ein Upgrade durchzuführen, oder behalten Sie Ihre vorhandene Integration bei.

Notiz

Im Test-Modus erstellte Produkte können in den Live-Modus kopiert werden, sodass Sie sie nicht erneut erstellen müssen. Klicken Sie im Dashboard in der Detailansicht des Produkts oben rechts auf In Live-Modus kopieren. Dieser Schritt kann für jedes im Test-Modus erstellte Produkt nur einmal vorgenommen werden. Spätere Aktualisierungen für das Test-Produkt werden im Live-Produkt nicht berücksichtigt.

Stellen Sie sicher, dass Sie sich im Test-Modus befinden, indem Sie im Dashboard die Schaltfläche Testdaten anzeigen aktivieren. Definieren Sie als Nächstes die Artikel, die Sie verkaufen möchten. So erstellen Sie ein neues Produkt und einen Preis:

  • Navigieren Sie im Dashboard zum Abschnitt Produkte.
  • Klicken Sie auf Produkt hinzufügen.
  • Wählen Sie beim Festlegen des Preises Einmalig aus.

Informationen wie Produktname, Beschreibung und Bild, die Sie angeben, werden Kund/innen beim Bezahlvorgang angezeigt.

Zu Checkout weiterleiten
Dashboard
Clientseitig

Um Checkout auf Ihrer Website zu nutzen, müssen Sie ein Code-Snippet hinzufügen, das den gewünschten Preis enthält. Sie können den dafür benötigten Code über das Dashboard generieren oder ihn selbst schreiben.

Wählen Sie im Abschnitt Produkte Ihres Dashboards das Produkt aus, das Sie verkaufen möchten.

In der Detailansicht für das Produkt klicken Sie im Dropdown-Menü neben einem Preis auf Checkout-Code-Snippet abrufen, um ein Code-Snippet zu generieren, das Sie zu Ihrer Website hinzufügen können.

Kopieren Sie das Snippet und fügen Sie es in den Hauptteil einer Webseite ein. Das Snippet fügt der Seite eine Schaltfläche hinzu, über die Kund/innen zu Checkout weitergeleitet werden. Sie können einer Seite mehrere Checkout-Schaltflächen hinzufügen.

Wenn Ihre Kund/innen ihre Zahlung erfolgreich abschließen, werden sie an die Bestätigungs-URL weitergeleitet, die Sie beim Konfigurieren des Code-Snippets angegeben haben. Hierbei handelt es sich in der Regel um eine Seite auf Ihrer Website, auf der Ihre Kund/innen darüber informiert werden, dass ihre Zahlung erfolgreich durchgeführt wurde.

Wenn Ihre Kund/innen in einer Checkout-Sitzung auf Ihr Logo klicken, ohne eine Zahlung abzuschließen, leitet Checkout sie über die Abbruch-URL, die Sie beim Konfigurieren des Code-Snippets angegeben haben, zurück zu Ihrer Website. In der Regel ist dies die Seite auf Ihrer Website, die die Kund/innen vor der Weiterleitung zu Checkout besucht haben.

Stellen Sie vor dem Go-Live sicher, dass Ihre Domain-Liste im Dashboard so konfiguriert ist, dass sie mit den Bestätigungs- und Abbruch-URLs übereinstimmt.

Vorsicht

Verlassen Sie sich beim Erkennen von initiierten Zahlungen nicht allein auf die Weiterleitung auf die success_url:

  • Böswillige Nutzer/innen könnten, ohne zu bezahlen, direkt auf die success_url zugreifen und sich so unberechtigt Zugang zu Waren und Dienstleistungen verschaffen.
  • In manchen Fällen werden Kund/innen nach erfolgreicher Zahlung nicht zur success_url weitergeleitet. Möglicherweise haben sie die Registerkarte im Browser geschlossen, bevor die Weiterleitung erfolgt ist.

Bestätigen, dass die Zahlung erfolgreich durchgeführt wurde

Wenn Ihre Kund/innen ihre Zahlung erfolgreich abschließen, werden sie an die URL weitergeleitet, die Sie als success_url festgelegt haben. Hierbei handelt es sich in der Regel um eine Seite auf Ihrer Website, auf der Ihre Kund/innen darüber informiert werden, dass ihre Zahlung erfolgreich durchgeführt wurde.

Verwenden Sie das Dashboard, einen nutzerdefinierten Webhook oder ein Drittanbieter-Plugin, um Ereignisse nach Zahlung wie das Versenden einer Bestellbestätigung per E-Mail, das Erfassen des Verkaufs in einer Datenbank oder das Initiieren eines Versandworkflows zu handhaben.

Erfolgreiche Zahlungen werden im Dashboard in der Zahlungsliste angezeigt. Wenn Sie auf eine Zahlung klicken, werden Sie zur Seite mit den Zahlungsdetails weitergeleitet. Der Abschnitt Checkout-Übersicht umfasst Rechnungsinformationen und die Liste der gekauften Artikel, die Sie zur manuellen Abwicklung der Bestellung verwenden können.

Checkout-Übersicht

Notiz

Durch Senden von E-Mail-Benachrichtigungen über erfolgreich abgeschlossene Kundenzahlungen kann Stripe Ihnen helfen, den Überblick über eingehende Zahlungen zu behalten. Verwenden Sie das Dashboard, um E-Mail-Benachrichtigungen zu konfigurieren.

Sie können Plugins wie Zapier verwenden, um das Aktualisieren Ihrer Kaufabwicklungssysteme mit Informationen aus Stripe-Zahlungen zu automatisieren.

Nachfolgend finden Sie einige Beispiele für unterstützte Automatisierungen mithilfe von Plugins:

  • Aktualisieren der zur Bestellungsverfolgung verwendeten Tabellen als Reaktion auf erfolgreiche Zahlungen
  • Aktualisieren der Bestandsverwaltungssysteme als Reaktion auf erfolgreiche Zahlungen
  • Auslösen von Benachrichtigungen an interne Kundenservice-Teams unter Verwendung von E-Mail- oder Chat-Anwendungen

Integration testen

Sie können mehrere Testkarten einsetzen, um sicherzustellen, dass Ihre Integration bereit für den Einsatz in einer Produktionsumgebung ist. Die Karten können Sie mit beliebigen Prüfziffern/CVCs, Postleitzahlen und Ablaufdaten verwenden.

NummerBeschreibung
Zahlung ist erfolgreich und wird sofort verarbeitet.
Für eine erfolgreiche Zahlung muss die 3D Secure 2-Authentifizierung durchgeführt werden.
Zahlung schlägt immer mit dem Ablehnungscode insufficient_funds fehl.

Eine vollständige Liste der Testkarten finden Sie in unserem Leitfaden zum Testbetrieb.

Apple Pay und Google Pay

Es sind keine Konfigurations- oder Integrationsänderungen erforderlich, um Apple Pay oder Google Pay in Stripe Checkout zu aktivieren. Diese Zahlungen werden genauso verarbeitet wie andere Kartenzahlungen.

Die Apple Pay-Schaltfläche wird in einer Checkout-Sitzung angezeigt, wenn alle folgenden Punkte zutreffen:

  • Apple Pay ist in Ihrem Stripe-Dashboard für Checkout aktiviert.
  • Auf dem Kundengerät ist macOS 10.14.1+ oder iOS 12.1+ installiert.
  • Die Kundin/der Kunde verwendet Safari.
  • Die Kundin/der Kunde hat sich mit einer gültigen Karte bei Apple Pay registriert.

Dadurch wird sichergestellt, dass Checkout die Apple Pay-Schaltfläche nur Kund/innen anzeigt, die sie auch verwenden können.

OptionalRechnungsadresse erfassen
Clientseitig

OptionalVersandadresse erfassen
Clientseitig

OptionalCheckout-Schaltfläche anpassen
Clientseitig

OptionalKunden-E-Mail-Adresse vorab angeben
Clientseitig

War diese Seite hilfreich?
JaNein
Benötigen Sie Hilfe? Kontaktieren Sie den Kundensupport.
Nehmen Sie an unserem Programm für frühzeitigen Zugriff teil.
Schauen Sie sich unseren Produkt-Changelog an.
Fragen? Sales-Team kontaktieren.
Unterstützt von Markdoc
Sie können sich jederzeit abmelden. Lesen Sie unsere Datenschutzerklärung.
Auf dieser Seite
Checkout aktivieren
Produkte und Preise erstellen
Zu Checkout weiterleiten
Bestätigen, dass die Zahlung erfolgreich durchgeführt wurde
Integration testen
Apple Pay und Google Pay
Verwendete Produkte
Checkout