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.

1<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.

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

SDK-Methoden verwenden

1const methods = await headlessCheckout.getRegularMethods();