Démonstrations en direct de Google Pay

Cette page contient des démonstrations Google Pay en direct que vous pouvez modifier en JavaScript ou JSFiddle.

Exemple de base

L'exemple suivant montre un exemple de base du bouton Google Pay en action. Reportez-vous au code adjacent pour obtenir un exemple de sa construction.

Exemple de redimensionnement de bouton

L'exemple suivant montre comment redimensionner le bouton Google Pay. Appelez createButton en définissant la propriété buttonSizeMode sur fill, puis définissez une taille sur #container div.

Exemple d'autorisation de paiements

Voici un exemple montrant comment autoriser un paiement avant de le traiter.

Vous pouvez autoriser un paiement avant de le traiter pour donner à l'utilisateur la possibilité de choisir un autre mode de paiement si l'autorisation échoue.

Pour gérer la demande d'autorisation de paiement, suivez ces instructions :

  1. Enregistrez un rappel onPaymentAuthorized() dans PaymentOptions.
  2. Appelez la fonction loadPaymentData() avec l'intention de rappel PAYMENT_AUTHORIZATION.
  3. Implémentez le gestionnaire de rappel onPaymentAuthorized().

Cliquez sur le lien Edit in JSFiddle (Modifier dans JSFiddle) pour le modifier et l'essayer vous-même.

Exemple de mise à jour dynamique des prix

Les mises à jour dynamiques des prix vous permettent d'ajuster dynamiquement le prix total en fonction des modifications apportées à l'adresse et à l'option de livraison.

Pour configurer les mises à jour dynamiques des prix :

  1. Enregistrez les rappels onPaymentAuthorized et onPaymentDataChanged dans PaymentOptions.
  2. Appelez la fonction loadPaymentData() avec des intents de rappel. Pour en savoir plus, consultez l'exemple correspondant.
  3. Implémentez onPaymentAuthorized et onPaymentDataChanged.

Cliquez sur le lien Edit in JSFiddle (Modifier dans JSFiddle) pour le modifier et l'essayer vous-même.