Démonstrations en direct de Google Pay
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
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 :
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 :
Cliquez sur le lien Edit in JSFiddle (Modifier dans JSFiddle) pour le modifier et l'essayer vous-même.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/12/04 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2025/12/04 (UTC)."],[],["The content showcases live Google Pay demos editable in JavaScript or JSFiddle. Key actions include creating and resizing the Google Pay button using `createButton` with `buttonSizeMode`. It demonstrates authorizing payments before processing by registering `onPaymentAuthorized()`, calling `loadPaymentData()`, and implementing the callback handler. Dynamic price updates are enabled by registering `onPaymentAuthorized` and `onPaymentDataChanged`, and implementing both functions after calling `loadPaymentData`. Note that authorize payments and Dynamic price updates do not support liability shift.\n"]]
