Zahlungsmethodendaten empfangen

Sie können entweder fertige Komponenten oder SDK-Methoden verwenden, um Zahlungsmethodendaten abzurufen und dem Nutzer im Zahlungsportal anzuzeigen.

Komponenten verwenden

1. Fügen Sie die Komponente psdk-payment-methods dem HTML-Markup des Zahlungsportals hinzu, um die Liste der verfügbaren Zahlungsmethoden anzuzeigen.

<psdk-payment-methods country="US"></psdk-payment-methods>

2. Fügen Sie die Verarbeitung des Ereignisses selectionChange hinzu, das gesendet wird, wenn der Nutzer eine bestimmte Zahlungsmethode auswählt.

const paymentMethods = document.querySelector('psdk-payment-methods');
paymentMethods?.addEventListener('selectionChange', (event) => {
  console.log(event.detail);
});

SDK-Methoden verwenden

const methods = await headlessCheckout.getRegularMethods();