Presentamos la nueva vista de botones de Google Pay en Android

MAY 09, 2023
Jose Ugia Developer Relations Engineer

El botón de Google Pay es la puerta de entrada para que tu cliente pueda confirmar la compra de manera más rápida y familiar con Google Pay. Aquí hay disponibles algunas actualizaciones que traemos al botón para que sea más fácil usarlo y personalizarlo en función de tu diseño de pago, al mismo tiempo que creamos una experiencia más coherente e informativa para ayudar a que tus clientes pasen por tus flujos de finalización de compra con mayor facilidad.

Una nueva apariencia y capacidades de personalización mejoradas

Anteriormente, nos contaste sobre la importancia de contar con una experiencia de finalización de compra coherente para tu empresa. Le dimos al botón de Google Pay un nuevo aspecto y aplicamos los principios de diseño más actuales de Material 3. El nuevo botón de Google Pay viene en dos versiones, que lo hacen lucir genial en aplicaciones con temas oscuros y claros. También agregamos un trazo sutil que hace que el botón se destaque en interfaces de bajo contraste. Además, presentamos nuevas capacidades de personalización que facilitan el ajuste de la forma del botón y la redondez de las esquinas y te permiten crear experiencias de finalización de compra más coherentes.

Introducing2
Figura 1: Puedes personalizar la nueva vista de botones de Google Pay para Android a fin de que sea más coherente con tu experiencia de confirmación de la compra.

Los botones de Android tienen una nueva vista

También mejoramos la API de Google Pay para Android, y presentamos una nueva vista de botones que simplifica la integración. Ahora puedes configurar el botón de Google Pay de manera más familiar y agregarlo directamente a tu diseño XML. También puedes configurar el botón mediante programación si así lo prefieres. Esta vista te permite configurar propiedades como el tema del botón y el radio de la esquina, e incluye gráficos y traducciones para que no tengas que descargarlos y configurarlos de forma manual. Simplemente agrega la vista a tu interfaz, ajústala y ¡listo!

La nueva API de botones ya está disponible en versión beta. Consulta el tutorial actualizado para Android para comenzar a usar la nueva vista de botones.

A New Button View
Figura 2: Un ejemplo de implementación de cómo puedes agregar y configurar la nueva vista de botones directamente en tu diseño XML en Android.

Dar contexto adicional a los clientes con los últimos 4 dígitos de las tarjetas

Antes, presentamos el botón dinámico de Google Pay para la Web, que mostraba directamente en el botón una vista previa de la red de la tarjeta y los últimos cuatro dígitos de la última forma de pago utilizada por el cliente. Desde entonces, vimos grandes resultados con este contexto adicional que se brinda, lo que impulsa mejoras de conversión y aumenta en hasta un 40% el número de transacciones.

Más adelante, en este trimestre, podrás configurar la nueva vista de botones para Android y así mostrar a tus usuarios información adicional sobre la última tarjeta que usaron para completar un pago con Google Pay. También nos encontramos trabajando para ofrecer el botón de Google Pay como elemento de IU en Jetpack Compose. De esta manera, podremos ayudarte a crear IU de manera más veloz utilizando las API intuitivas de Kotlin.

dynamicButton
Figura 3: Un ejemplo de cómo se verá la versión dinámica de la nueva vista de botones de Google Pay en Android.

Próximos pasos

Consulta la documentación para comenzar a usar la nueva vista de botones de Google Pay en Android. Además, echa un vistazo a nuestra propia integración de botones en la aplicación de código abierto de muestra en GitHub.