Google Pay
So können Sie mittels Headless Checkout und Google Pay Zahlungen entgegennehmen:
- Fügen Sie die Verarbeitung des Ereignisses
show_fieldsfür die Anzeige zusätzlicher Felder hinzu.
Beispiel:
Copy
- typescript
headlessCheckout.form.onNextAction((nextAction) => {
switch (nextAction.type) {
case 'show_fields':
this.handleShowFieldsAction(nextAction);
}
});
- Fügen Sie die Komponente
psdk-payment-formdem HTML-Markup des Zahlungsportals hinzu, um zusätzliche Felder anzuzeigen.
Beispiel:
Copy
- html
@if (showAdditionalFields) {
<psdk-payment-form></psdk-payment-form>
<psdk-submit-button text="Pay" />
}
- Fügen Sie die Verarbeitung des Ereignisses, eine Schaltfläche zum Bezahlen über Google Pay anzuzeigen, hinzu.
Beispiel:
Copy
- typescript
headlessCheckout.form.onNextAction((nextAction) => {
switch (nextAction.type) {
...
case 'special_button': {
if (nextAction.data.buttonName === 'google-pay') {
showGoogleButton = true;
}
}
}
});
- Fügen Sie die Komponente “Google-Pay-Schaltfläche” dem HTML-Markup des Zahlungsportals hinzu.
Beispiel:
Copy
- html
@if (showGoogleButton) {
<psdk-google-pay-button></psdk-google-pay-button>
}
War dieser Artikel hilfreich?
Vielen Dank für Ihr Feedback!
Wir werden Ihr Feedback aufgreifen und dazu nutzen, Ihr Erlebnis verbessern.Haben Sie einen Tippfehler oder einen anderen Textfehler gefunden? Wählen Sie den Text aus und drücken Sie Strg+Eingabe.
