Google Pay
Einrichtung
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.
Copy
- typescript
1headlessCheckout.form.onNextAction((nextAction) => {
2 switch (nextAction.type) {
3 case 'show_fields':
4 this.handleShowFieldsAction(nextAction);
5 }
6});
- Fügen Sie die Komponente
psdk-payment-formdem HTML-Markup des Zahlungsportals hinzu, um zusätzliche Felder anzuzeigen.
Copy
- html
1<psdk-payment-form></psdk-payment-form>
2<psdk-submit-button text="Pay" />
- Fügen Sie die Verarbeitung des Ereignisses, eine Schaltfläche zum Bezahlen über Google Pay anzuzeigen, hinzu.
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});
- Fügen Sie die Komponente “Google-Pay-Schaltfläche” dem HTML-Markup des Zahlungsportals hinzu.
Copy
- html
1@if (showGoogleButton) {
2 <psdk-google-pay-button></psdk-google-pay-button>
3}
One-Click-Zahlung
Bei der One-Click-Zahlung können Nutzer auf unterstützten Geräten mit Google Pay bezahlen, einer vertrauten und sicheren nativen Zahlungsmethode. Um die One-Click-Zahlung zu konfigurieren, müssen Sie das SDK-Initialisierungsskript wie unten gezeigt aktualisieren:
Copy
- typescript
1const config: InitialOptions = {
2 isWebview: false,
3 theme: 'default',
4 language: parameters.language,
5 isGooglePayInstantFlowEnabled: true
6};
7
8await headlessCheckout.init(config);
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.
