Zahlungen per EPS akzeptieren

Stripe übermittelt ein payment_intent.succeeded-Ereignis, wenn die Zahlung abgeschlossen ist. Verwenden Sie im Dashboard einen Webhook oder eine Partnerlösung, um diese Ereignisse zu empfangen und Aktionen auszuführen (Versenden einer Bestellbestätigung per E-Mail an die Kund/innen, Erfassen des Verkaufs in einer Datenbank oder Einleiten des Versandablaufs).

Überwachen Sie diese Ereignisse, statt auf einen Callback vom Client zu warten. Auf dem Client könnte der Kunde/die Kundin das Browserfenster schließen oder die App beenden, bevor der Callback erfolgt ist und böswillige Clients könnten die Antwort manipulieren. Wenn Sie Ihre Integration so einrichten, dass asynchrone Ereignisse überwacht werden, hilft Ihnen dies auch dabei, in Zukunft mehr Zahlungsmethoden zu akzeptieren. Hier erhalten Sie Informationen zu den Unterschieden zwischen allen unterstützten Zahlungsmethoden.

Ereignisse empfangen und Geschäftsaktionen ausführen

Es gibt mehrere Möglichkeiten, Geschäftsaktionen zu empfangen und auszuführen.

Manuell

Verwenden Sie das Stripe-Dashboard, um alle Stripe-Zahlungen anzuzeigen, Zahlungsbelege per E-Mail zu senden, Auszahlungen abzuwickeln oder fehlgeschlagene Zahlungen erneut durchzuführen.

• Testzahlungen im Dashboard anzeigen

Benutzerdefinierter Code

Erstellen Sie einen Webhook-Handler, um Ereignisse zu überwachen und benutzerdefinierte asynchrone Zahlungsabläufe zu erstellen. Mit der Stripe-CLI können Sie Ihre Webhook-Integration lokal testen und Fehler beheben.

• Nutzerdefinierten Webhook erstellen

Vorgefertigte Apps

Verarbeiten Sie häufige Geschäftsereignisse, wie Automatisierung oder Marketing und Vertrieb durch Integration einer Partneranwendung.

Das EPS-Bank-Element gibt die von Kund/innen ausgewählt Bank an, wenn sie sich ändert. Um mit dem Wert der Bank eine zusätzliche Logik auszuführen (z. B. für das Feld, das für die Validierung des Formulars erforderlich ist), können Sie nach dem Change-Ereignis Ausschau halten:

epsBank.on('change', (event) => {
  const bank = event.value;
  // Perform any additional logic here...
});

Das Change-Ereignis umfasst zusätzliche Parameter, mit denen Sie die Nutzererfahrung weiter optimieren können. Weitere Informationen finden Sie in der Referenz für Stripe.js.

Wir empfehlen, die Verarbeitung von EPS-Weiterleitungen und -Zahlungen mit confirmEpsPayment Stripe.js zu überlassen. Sie können Kund/innen aber auch manuell weiterleiten. Gehen Sie dazu wie folgt vor:

1. Geben Sie die URL an, an die Ihre Kund/innen weitergeleitet werden, sobald die Zahlung abgeschlossen ist.
2. Geben Sie optional die Bank an, auf deren Website Ihre Kund/innen zur Autorisierung der Zahlung weitergeleitet werden. Eine Liste der verfügbaren Banken finden Sie im Abschnitt Bankwerte.

curl https://api.stripe.com/v1/payment_intents/{{PAYMENT_INTENT_ID}}/confirm \
  -u 
sk_test_BQokikJOvBiI2HlWgH4olfQ2
: \
  -d "return_url"="https://example.com/checkout/complete" \
  -d "payment_method_data[type]"="eps" \
  -d "payment_method_data[eps][bank]"="bank_austria"

1. Beim Bestätigen des PaymentIntent gilt der Status requires_action. Der Typ für next_action ist redirect_to_url.

{
  "next_action": {
    "type": "redirect_to_url",
    "redirect_to_url": {
      "url": "https://hooks.stripe.com/...",
      "return_url": "https://example.com/checkout/complete"
    }
  },
  "charges": {
    "data": [
      {
        "payment_method_details": {
          "eps": {
          "bank": "bank_austria",
          "verified_name": "JENNY ROSEN"

1. Leiten Sie die Kundin/den Kunden an die in der Eigenschaft next_action angegebene URL weiter.

const action = intent.next_action;
if (action && action.type === 'redirect_to_url') {
  window.location = action.redirect_to_url.url;
}

Bei Abschluss des Bezahlvorgangs werden die Kund/innen an das Ziel return_url weitergeleitet. Die URL-Abfrageparameter payment_intent und payment_intent_client_secret sind enthalten und Sie können wie oben beschrieben Ihre eigenen Abfrageparameter übergeben.

Sie können EPS-PaymentMethods nicht wiederverwenden oder für Kund/innen speichern. Jedes Mal, wenn Ihre Kundin/Ihr Kunde diese Zahlungsmethode im Bezahlvorgang auswählt, müssen Sie mit dem EPS-Bank-Element eine neue EPS-PaymentMethod erstellen. Um die Einstellungen Ihrer Kund/innen zu erfassen, speichern Sie diese in Ihrer eigenen Datenbank oder verwenden Sie die metadata-Eigenschaft im Customer-Objekt.

Sie können das EPS-Bank-Element beim Erstellen des Elements mit der Bankeinstellung des Kunden vorausfüllen:

const options = {
  // Include the bank name along with any custom styling
  value: "bank_austria",
  style: {
    base: {
      padding: '10px 12px',
      color: '#32325d',
      fontSize: '16px',
      '::placeholder': {
        color: '#aab7c4'
      },
    },
  },
}

// Create an instance of the Element
const epsBank = elements.create('epsBank', options);

// Mount the Element
epsBank.mount('#eps-bank-element');
TODO: highlight: [3]