Réception des données relatives au mode de paiement

Pour recevoir les données relatives aux modes de paiement à afficher à l’utilisateur dans l’interface de paiement, utilisez des composants prêts à l’emploi ou les méthodes du SDK.

Utilisez les composants

1. Ajoutez le composant psdk-payment-methods au balisage HTML de l’interface de paiement pour afficher la liste des modes de paiement disponibles.

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

2. Ajoutez le traitement de l’événement selectionChange déclenché lorsque l’utilisateur sélectionne un mode de paiement spécifique.

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

Utilisez les méthodes SDK

const methods = await headlessCheckout.getRegularMethods();