Demonstrações ao vivo do Google Pay

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 etapas:

  1. Registre um callback onPaymentAuthorized() em PaymentOptions.
  2. Chame a função loadPaymentData() com o intent de callback PAYMENT_AUTHORIZATION.
  3. Implemente o gerenciador de retornos de chamada onPaymentAuthorized().

Clique no link Editar no JSFiddle (em inglês) para editar e fazer testes.

Exemplo de atualização de preço dinâmica

Com ela, você pode ajustar o preço total de forma dinâmica para refletir as alterações no endereço de entrega e nas opções de frete.

Siga as etapas abaixo para configurar as atualizações de preço dinâmicas:

  1. Registre os callbacks onPaymentAuthorized e onPaymentDataChanged em PaymentOptions.
  2. Chame a função loadPaymentData() com intents de callback. Para detalhes, consulte o exemplo correspondente.
  3. Implemente onPaymentAuthorized e onPaymentDataChanged.

Clique neste link do JSFiddle (em inglês) para editar e fazer testes.