Live-Demos zu Google Pay

Auf dieser Seite finden Sie Google Pay-Live-Demos, die Sie in JavaScript oder JSFiddle bearbeiten können.

Einfaches Beispiel

Das folgende Beispiel zeigt die Google Pay-Schaltfläche in Aktion. Ein Beispiel für die Erstellung finden Sie im angrenzenden Code.

Beispiel für das Anpassen der Schaltflächengröße

Im Folgenden wird gezeigt, wie Sie die Google Pay-Schaltfläche in der Größe anpassen können. Rufen Sie createButton auf, wobei die buttonSizeMode-Eigenschaft auf fill gesetzt ist, und legen Sie dann eine Größe für #container div fest.

Beispiel für die Autorisierung von Zahlungen

Im Folgenden finden Sie ein Beispiel dafür, wie Sie eine Zahlung autorisieren können, bevor Sie sie verarbeiten.

Sie sollten eine Zahlung autorisieren, bevor Sie sie verarbeiten, damit der Nutzer die Möglichkeit hat, eine andere Zahlungsmethode auszuwählen, wenn die Autorisierung fehlschlägt.

So gehen Sie vor, um die Zahlungsautorisierungsanfrage zu bearbeiten:

  1. Registrieren Sie einen onPaymentAuthorized()-Callback in PaymentOptions.
  2. Rufen Sie die Funktion loadPaymentData() mit der Callback-Intention PAYMENT_AUTHORIZATION auf.
  3. Implementieren Sie den Callback-Handler onPaymentAuthorized().

Klicken Sie auf den Link Edit in JSFiddle (In JSFiddle bearbeiten), um den Code zu bearbeiten und selbst auszuprobieren.

Beispiel für dynamische Preisaktualisierung

Mit dynamischen Preisaktualisierungen können Sie den Gesamtpreis dynamisch anpassen, um Änderungen der Versandadresse und der Versandoptionen zu berücksichtigen.

So richten Sie dynamische Preisaktualisierungen ein:

  1. Registrieren Sie sowohl die onPaymentAuthorized- als auch die onPaymentDataChanged-Callbacks in PaymentOptions.
  2. Rufen Sie die Funktion loadPaymentData() mit Callback-Intents auf. Weitere Informationen finden Sie im entsprechenden Beispiel.
  3. Implementieren Sie onPaymentAuthorized und onPaymentDataChanged.

Klicken Sie auf den Link Edit in JSFiddle (In JSFiddle bearbeiten), um den Code zu bearbeiten und auszuprobieren.