Bei der Zahlung per QR-Code (z. B. über WeChat Pay oder Alipay) generiert der Anbieter einen QR-Code, den der Nutzer mit seiner Zahlungsanwendung scannt. Nachdem die Zahlung bestätigt und das Geld abgebucht wurde, erhält der Anbieter eine Benachrichtigung über die erfolgreiche Transaktion. Diese Methode erhöht die Zahlungssicherheit, da der Nutzer seine Bankdaten nicht eingeben muss und alle Daten vom Zahlungssystem verarbeitet werden.

So können Sie mittels Headless Checkout und QR-Code Zahlungen entgegennehmen:

1. Fügen Sie die Verarbeitung des Ereignisses show_qr_code für die Anzeige eines QR-Codes hinzu.

Beispiel:

headlessCheckout.form.onNextAction((nextAction) => {
  switch (nextAction.type) {
    case 'show_qr_code': {
      showQrCode = true;
    }
  }
});

2. Fügen Sie die Komponente psdk-qr-code dem HTML-Markup des Zahlungsportals hinzu.

Beispiel:

@if (showQrCode) {
  <psdk-qr-code></psdk-qr-code>
  <psdk-submit-button text="Show status" />
}