Apresentamos a nova visualização do botão do Google Pay no Android

MAI 09, 2023
Jose Ugia Developer Relations Engineer

O botão do Google Pay é o ponto de entrada do cliente para uma finalização de compra rápida e fácil com o Google Pay. Aqui estão algumas atualizações que foram feitas no botão para facilitar o uso e permitir que você o personalize com base no design da finalização de compra. Além disso, criamos uma experiência mais consistente e informativa para que os clientes naveguem pelos fluxos com mais facilidade.

Novo visual e recursos aprimorados de personalização

Vocês já nos falaram da importância de uma experiência de finalização de compra consistente para os negócios. Demos ao botão do Google Pay um novo visual, aplicando os princípios de design do Material 3 mais recentes. O novo botão do Google Pay vem em duas versões que o tornam excelente em aplicativos temáticos nos modos claro e escuro. Também adicionamos um traço sutil que faz com que o botão se destaque em interfaces de baixo contraste. Além disso, estamos incluindo novos recursos de personalização que facilitam o ajuste da forma do botão e do arredondamento dos cantos para que você crie experiências de finalização de compra mais consistentes.

Introducing2
Figura 1: A nova visualização do botão do Google Pay para Android pode ser personalizada para torná-la mais consistente com a experiência de finalização de compra.

Nova visualização do botão para Android

Também melhoramos a API do Google Pay para Android, incluindo uma nova visualização do botão que simplifica a integração. Agora, você pode configurar o botão do Google Pay com mais facilidade e adicioná-lo diretamente ao layout XML. Se você preferir, também poderá configurar o botão programaticamente. Essa visualização permite configurar propriedades como o tema do botão e o raio do canto e inclui gráficos e traduções para que você não precise fazer o download deles e configurá-los manualmente. Basta adicionar a visualização à interface, ajustá-la e pronto.

A API do novo botão já está disponível na versão Beta. Confira o tutorial atualizado para Android e comece a usar a nova visualização do botão.

A New Button View
Figura 2: Um exemplo de implementação de como você pode adicionar e configurar a nova visualização do botão diretamente no layout XML no Android.

Contexto adicional para os clientes com os últimos 4 dígitos dos cartões

Anteriormente, adicionamos o botão dinâmico do Google Pay para a Web, que apresentava diretamente no botão a rede do cartão e os últimos quatro dígitos da última forma de pagamento usada pelo cliente. Temos observado ótimos resultados depois disso, com esse contexto adicional impulsionando melhorias de conversão e aumentos de até 40% no número de transações.

No final deste trimestre, você poderá configurar a nova visualização do botão para Android a fim de apresentar aos usuários informações adicionais sobre o último cartão usado para concluir um pagamento com o Google Pay. Também estamos trabalhando para oferecer o botão do Google Pay como um elemento da IU no Jetpack Compose, de modo que seja possível criar IUs mais rapidamente usando APIs intuitivas do Kotlin.

dynamicButton
Figura 3: Um exemplo da aparência da versão dinâmica da nova visualização de botão do Google Pay no Android.

Próximas etapas

Confira a documentação para começar a usar a nova visualização do botão do Google Pay no Android e confira nossa própria integração do botão no exemplo de aplicativo de código aberto no GitHub.