Demonstrações ao vivo do Google Pay
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Esta página contém demonstrações ao vivo do Google Pay que você pode editar em JavaScript no JSFiddle.
Exemplo básico
Veja a seguir um exemplo básico do botão do Google Pay em ação. Consulte
o código adjacente para ver como ele é construído.
Exemplo de redimensionamento do botão
Veja a seguir como redimensionar o botão do Google Pay. Chame
createButton com a propriedade buttonSizeMode definida como fill
e, em seguida, defina um tamanho no #container div.
Exemplo de autorização de pagamentos
Veja a seguir como autorizar um pagamento antes de processá-lo.
Recomendamos que você faça isso para dar ao usuário a chance de escolher uma forma de
pagamento diferente se a autorização falhar.
Para processar a solicitação de autorização de pagamento, siga estas instruções:
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 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"]]