Zahlung annehmen
Erstellen Sie ein Zahlungsformular oder verwenden Sie eine vorgefertigte Bezahlseite, um mit der Annahme von Online-Zahlungen zu beginnen.
Führen Sie mithilfe von Stripe Checkout eine Weiterleitung an eine von Stripe gehostete Zahlungsseite durch. Sehen Sie sich diese Integration im Vergleich zu anderen Integrationstypen von Stripe an.
Integrationsaufwand
Integration
Auf eine von Stripe gehostete Zahlungsseite umleiten
Anpassung der Nutzeroberfläche
Stripe einrichtenServerseitig
Registrieren Sie sich zunächst für ein Stripe-Konto.
Verwenden Sie unsere offiziellen Bibliotheken, um von Ihrer Anwendung aus auf die Stripe API zuzugreifen:
Ihre Kund/innen zu Stripe Checkout weiterleitenClientseitigServerseitig
Fügen Sie Ihrer Website eine Schaltfläche zum Bezahlen hinzu, über die ein serverseitiger Endpoint aufgerufen wird, um eine Checkout-Sitzung zu erstellen.
<html> <head> <title>Buy cool new product</title> </head> <body> <!-- Use action="/create-checkout-session.php" if your server is PHP based. --> <form action="/create-checkout-session" method="POST"> <button type="submit">Checkout</button> </form> </body> </html>
Eine Checkout-Sitzung ist eine programmgesteuerte Darstellung dessen, was Ihren Kund/innen bei der Weiterleitung zum Zahlungsformular angezeigt wird. Es gibt folgende Konfigurationsoptionen:
- Posten für die Zahlungsabwicklung
- Zu verwendende Währungen
Sie müssen auch success_url
angeben, eine Seite auf Ihrer Website, an die Checkout Ihre Kund/innen nach Durchführung der Zahlung zurückleitet. Sie können optional cancel_url
angeben, eine Seite auf Ihrer Website, an die Checkout Ihre Kund/innen zurückleitet, wenn sie den Zahlungsvorgang abbrechen.
Notiz
Checkout-Sitzungen laufen 24 Stunden nach Erstellung ab.
Leiten Sie Ihre Kund/innen nach dem Erstellen einer Checkout-Sitzung zu der in der Antwort zurückgegebenen URL weiter.
Notiz
Stripe aktiviert standardmäßig Karten und andere gängige Zahlungsmethoden, mit denen Sie mehr Kund/innen erreichen können, und Sie können Zahlungsmethoden direkt über das Stripe-Dashboard aktivieren oder deaktivieren. Stripe wertet die Währung, die Einschränkungen der Zahlungsmethode und andere Parameter aus, um die Liste der unterstützten Zahlungsmethoden zu bestimmen, die im Checkout angezeigt werden.
Testen Sie Ihren Endpoint, indem Sie Ihren Webserver starten (beispielsweise localhost:4242
) und den folgenden Befehl ausführen:
curl -X POST -is "http://localhost:4242/create-checkout-session" -d ""
In Ihrem Terminal sollten Sie folgende Antwort sehen:
HTTP/1.1 303 See Other Location: https://checkout.stripe.com/c/pay/cs_test_... ...
Testen
Sie sollten jetzt eine funktionierende Checkout-Schaltfläche haben, über die Ihre Kund/innen zu Stripe Checkout weitergeleitet werden.
- Klicken Sie auf die Checkout-Schaltfläche.
- Sie werden zum Zahlungsformular von Stripe Checkout weitergeleitet.
Wenn Ihre Integration nicht funktioniert:
- Öffnen Sie in den Entwickler-Tools Ihres Browsers die Registerkarte „Netzwerk“.
- Klicken Sie auf die Checkout-Schaltfläche und bestätigen Sie, dass eine XHR-Anfrage an Ihren serverseitigen Endpoint gesendet wurde (
POST /create-checkout-session
). - Prüfen Sie, ob die Anfrage den Status 200 zurückgibt.
- Verwenden Sie in Ihrem Button-Click-Listener
console.log(session)
, um zu prüfen, ob die richtigen Daten zurückgegeben werden.
Um zu sehen, wie Ihre Zahlungsmethoden Kundinnen und Kunden angezeigt werden, geben Sie eine Transaktions-ID ein oder legen Sie einen Bestellbetrag und eine Währung im Dashboard fest.
Eine Bestätigungsseite anzeigenClientseitigServerseitig
Es ist wichtig, dass Ihre Kund/innen nach erfolgreicher Übermittlung des Zahlungsformulars eine Bestätigungsseite angezeigt bekommen. Diese Bestätigungsseite wird auf Ihrer Website gehostet.
So erstellen Sie eine einfache Bestätigungsseite:
<html> <head><title>Thanks for your order!</title></head> <body> <h1>Thanks for your order!</h1> <p> We appreciate your business! If you have any questions, please email <a href="mailto:orders@example.com">orders@example.com</a>. </p> </body> </html>
Aktualisieren Sie als Nächstes den Endpoint zur Erstellung der Checkout-Sitzung, um diese neue Seite zu verwenden:
Notiz
Beachten Sie den Leitfaden für benutzerdefinierte Bestätigungsseiten, wenn Sie Ihre Bestätigungsseite anpassen möchten.
Testen
- Klicken Sie auf Ihre Checkout-Schaltfläche.
- Geben Sie die Zahlungsdetails mit den Testkartendaten ein:
- Geben Sie als Kartennummer
4242 4242 4242 4242
ein. - Geben Sie für die Karte ein beliebiges Ablaufdatum in der Zukunft ein.
- Geben Sie als Prüfziffer/CVC eine 3-stellige Zahl ein.
- Geben Sie eine beliebige Postleitzahl ein.
- Geben Sie als Kartennummer
- Klicken Sie auf Bezahlen.
- Sie werden an Ihre neue Bestätigungsseite weitergeleitet.
Suchen Sie anschließend die neue Zahlung im Stripe-Dashboard. 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.
Integration testen
So testen Sie die Integration Ihres von Stripe gehosteten Zahlungsformulars:
- Erstellen Sie eine Checkout-Sitzung.
- Geben Sie die Zahlungsdetails mit einer Methode aus der folgenden Tabelle ein.
- Geben Sie für die Karte ein beliebiges Ablaufdatum in der Zukunft ein.
- Geben Sie als Prüfziffer/CVC eine 3-stellige Zahl ein.
- Geben Sie eine beliebige Postleitzahl ein.
- Klicken Sie auf Bezahlen. Sie werden an Ihre
success_url
weitergeleitet. - Gehen Sie zum Dashboard und suchen Sie auf der Seite Zahlungsseite nach der Zahlung. Wenn Ihre Zahlung erfolgreich war, wird sie in dieser Liste angezeigt.
- Klicken Sie auf Ihre Zahlung, um weitere Details anzuzeigen, wie beispielsweise eine Checkout-Zusammenfassung mit Rechnungsinformationen und die Liste der gekauften Artikel. Sie können diese Informationen zur Abwicklung der Bestellung verwenden.
Erfahren Sie mehr über das Testen Ihrer Integration.
Hier finden Sie weitere Informationen zum Testen Ihrer Integration.
Testkarten
Nummer | Beschreibung |
---|---|
Die 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. |
Apple Pay und Google Pay
Sie können Apple Pay und Google Pay in Ihren Zahlungsmethodeneinstellungen aktivieren. Apple Pay ist standardmäßig aktiviert.
Die von Stripe gehosteten Checkout-Seiten benötigen keine Integrationsänderungen, um Apple Pay oder Google Pay zu aktivieren. Stripe verarbeitet diese Zahlungen genauso wie andere Kartenzahlungen.
Wenn Ihre Basisintegration steht, können Sie jetzt mehr darüber erfahren, wie Sie nach einer Kundenzahlung programmgesteuert benachrichtigt werden.