Google Pay
Pour utiliser Headless checkout afin d’accepter les paiements avec Google Pay :
- Ajoutez le traitement de l’événement
show_fieldspour l’affichage de champs supplémentaires.
Exemple :
Copy
- typescript
headlessCheckout.form.onNextAction((nextAction) => {
switch (nextAction.type) {
case 'show_fields':
this.handleShowFieldsAction(nextAction);
}
});
- Ajoutez le composant
psdk-payment-formau balisage HTML de l’interface de paiement pour afficher des champs supplémentaires.
Exemple :
Copy
- html
@if (showAdditionalFields) {
<psdk-payment-form></psdk-payment-form>
<psdk-submit-button text="Pay" />
}
- Ajoutez le traitement de l’événement pour afficher un bouton de paiement avec Google Pay.
Exemple :
Copy
- typescript
headlessCheckout.form.onNextAction((nextAction) => {
switch (nextAction.type) {
...
case 'special_button': {
if (nextAction.data.buttonName === 'google-pay') {
showGoogleButton = true;
}
}
}
});
- Ajoutez le composant du bouton Google Pay au balisage HTML de l’interface de paiement.
Exemple :
Copy
- html
@if (showGoogleButton) {
<psdk-google-pay-button></psdk-google-pay-button>
}
Cet article vous a été utile ?
Merci pour votre commentaire !
Nous examinerons votre message et l'utiliserons pour améliorer votre expérience.Faute de frappe ou autre erreur dans le texte ? Sélectionnez le texte concerné et appuyez sur Ctrl+Entée.
