Google Pay
Comment configurer
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.
Copy
- typescript
1headlessCheckout.form.onNextAction((nextAction) => {
2 switch (nextAction.type) {
3 case 'show_fields':
4 this.handleShowFieldsAction(nextAction);
5 }
6});
- Ajoutez le composant
psdk-payment-formau balisage HTML de l’interface de paiement pour afficher des champs supplémentaires.
Copy
- html
1<psdk-payment-form></psdk-payment-form>
2<psdk-submit-button text="Pay" />
- Ajoutez le traitement de l’événement pour afficher un bouton de paiement avec Google Pay.
Copy
- typescript
1headlessCheckout.form.onNextAction((nextAction) => {
2 switch (nextAction.type) {
3 ...
4 case 'special_button': {
5 if (nextAction.data.buttonName === 'google-pay') {
6 showGoogleButton = true;
7 }
8 }
9 }
10});
- Ajoutez le composant du bouton Google Pay au balisage HTML de l’interface de paiement.
Copy
- html
1@if (showGoogleButton) {
2 <psdk-google-pay-button></psdk-google-pay-button>
3}
Paiement en un clic
Le paiement en un clic permet aux utilisateurs de payer avec Google Pay, un moyen de paiement natif, sécurisé et familier, sur les appareils compatibles. Pour configurer le paiement en un clic, actualisez le script d’initialisation du SDK comme indiqué ci-dessous :
Copy
- typescript
1const config: InitialOptions = {
2 isWebview: false,
3 theme: 'default',
4 language: parameters.language,
5 isGooglePayInstantFlowEnabled: true
6};
7
8await headlessCheckout.init(config);
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+Entrée.
