Lors d’un paiement par code QR, comme avec WeChat Pay ou Alipay, le vendeur génère un code QR que l’utilisateur scanne avec son application de paiement. Une fois le paiement confirmé et les fonds débités, le vendeur reçoit une notification de paiement réussi. Cette méthode garantit la sécurité du paiement, car l’utilisateur ne saisit pas ses coordonnées bancaires, et toutes les données sont traitées par le système de paiement.

Pour utiliser Headless checkout afin d’accepter les paiements par code QR :

1. Ajoutez le traitement de l’événement show_qr_code pour l’affichage d’un code QR.

Exemple :

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

2. Ajoutez le composant psdk-qr-code au balisage HTML de l’interface de paiement.

Exemple :

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