Prácticas recomendadas para la experiencia de usuario

Cuando te integras con la API de Google Pay, pueden darse varios casos en función del flujo de compra de tu sitio web o aplicación y de la experiencia de usuario. Para mejorar la experiencia de usuario, ten en cuenta las siguientes directrices:

• Configura Google Pay como método de pago predeterminado.
• Habilita la opción Información de la tarjeta en el botón Google Pay.
• Optimizar para obtener el mínimo de clics.
• Ubicaciones recomendadas para Google Pay
• Añade Google Pay a la página del producto.
• Añade Google Pay en la página de tramitación de la compra.
• Coloca Google Pay en la parte superior de la lista de opciones de pago.
• Coloca Google Pay encima de los campos de introducción manual de la información para pagos.
• Recoger la información de envío del usuario de Google Pay.
• Habilita la tramitación de la compra como invitado con Google Pay.
• Usa Google Pay solo para recoger datos relevantes.

Configurar Google Pay como método de pago predeterminado

Configura Google Pay como método de pago predeterminado para incorporar a nuevos usuarios o saltarte las pantallas de configuración de la cuenta. Te recomendamos que configures Google Pay como método de pago predeterminado cuando isReadytoPay devuelva true. De esta forma, el cliente necesita menos clics para completar el proceso de compra, ya que la información de pago y envío se rellena automáticamente con el método de pago guardado.

Habilitar la información de la tarjeta en el botón de Google Pay

Google Pay puede mostrar la red de la marca de la tarjeta del consumidor y los cuatro últimos dígitos de su tarjeta en el botón de pago. De esta forma, los consumidores sabrán que hay una tarjeta detrás del botón de pago de Google Pay.

• Para habilitar la información de la tarjeta, implementa la API createButton() y configura ButtonOptions.buttonType como buy o long.
• Configura el botón de pago de Google Pay en negro (imagen 1) o blanco (imagen 2) para que contraste con el fondo de la página de tramitación de la compra.

Imagen 1: La propiedad buttonType tiene el valor long y buttonColor es black.

 

Imagen 2: La propiedad buttonType tiene el valor long y buttonColor es white.

Optimizar para obtener el mínimo de clics

Si tu método de pago está configurado para cobrarte inmediatamente después de invocar Google Pay, haz lo siguiente:

• Asegúrese de que se muestre al cliente el precio final y total asociado antes de invocar Google Pay.
• Define CheckoutOption como COMPLETE_IMMEDIATE_PURCHASE para que los usuarios vean un botón Pagar en lugar de un botón Continuar en el selector de Google Pay.

De esta forma, se habilita la compra con un solo clic y se definen las expectativas correctas antes de que se cobre al usuario.

Figura 3: Optimizar para conseguir el mínimo de clics.

Emplazamientos recomendados para Google Pay

Muestra Google Pay en cada una de las cuatro ubicaciones siguientes:

• Añade Google Pay a la página del producto.
• Añade Google Pay en la página de tramitación de la compra.
• Coloca Google Pay en la parte superior de la lista de opciones de pago.
• Coloca Google Pay encima de los campos de introducción manual de la información para pagos.

Si colocas Google Pay en más de una ubicación, asegúrate de que la IsReadytoPayRequest invocación sea coherente en todas las ubicaciones.

Añadir Google Pay a la página del producto

Añade Google Pay a las páginas de tus artículos o productos y ofrece a tus clientes la posibilidad de tramitar sus compras rápidamente. De esta forma, se reduce el número de pasos del proceso de compra y se aumentan las tasas de conversión en las compras de un solo artículo.

Imagen 4: añade Google Pay a la página del producto.

Añadir Google Pay en la página de tramitación de la compra

Si tienes un botón Comprar o Carrito, añade Google Pay cerca de la opción de compra estándar.

Si elige esta ubicación de Google Pay, puede ofrecer al cliente las siguientes mejoras:

• Una vista cómoda de todos los artículos del carrito
• Un precio asociado final y total
• La posibilidad de pagar inmediatamente

Figura 5: Añade Google Pay cerca de la opción de pago estándar.

Coloca Google Pay en la parte superior de la lista de opciones de pago

Asegúrate de que Google Pay se muestre de forma destacada para que los usuarios sepan que pueden completar la compra con un solo clic.

Imagen 6: coloca Google Pay en la parte superior de la lista de opciones de pago.

Colocar Google Pay encima de los campos de introducción manual de la información para pagos

Cuando Google Pay se muestra de forma destacada encima de los campos que requieren que se introduzcan datos manualmente, los usuarios no tienen que introducir manualmente la información para pagos ni las direcciones de envío y facturación si ya tenemos esos datos. De esta forma, se reduce la introducción manual de datos y se aumenta la tasa de conversión.

Figura 7: Coloca Google Pay encima de los campos de entrada manual de la información de pago.

Recoger la información de envío del usuario de Google Pay

Si necesitas información de envío, los clientes pueden confirmar su dirección de envío en la pantalla de Google Pay, junto con su información de pago. De esta forma, los usuarios no tienen que introducir la dirección manualmente. La respuesta de la API Google Pay contiene información tanto de envío como de pago.

Imagen 8: Configura la dirección de envío en Google Pay.

Habilitar la compra como invitado con Google Pay

Ofrece un proceso de compra sencillo con Google Pay sin que los usuarios tengan que crear una cuenta. Para ello, solicita la información de pago y de dirección necesaria para completar la compra como parte de tu solicitud a la API de Google Pay.

Si tienes una opción para crear una cuenta, usa la información de pago y de dirección proporcionada por la API Google Pay para obtener los datos necesarios para crear la cuenta. Te recomendamos que solo crees la cuenta después de la compra.

Nota: Para crear una cuenta, se necesita el consentimiento del usuario.

Si solicitas esta información a través de la API de Google Pay, el cliente no tendrá que rellenar manualmente toda la información necesaria para completar la compra. De esta forma, se mantiene un flujo de compra fluido.

Usar Google Pay solo para recoger datos de usuario relevantes

Si recoges datos devueltos por la API de Google Pay, solo se deben usar para la transacción actual del cliente. Esto incluye la confirmación del pedido, la notificación de envío, el seguimiento del envío, la cancelación del pedido, el reembolso y la información de la notificación de reembolso.

Por ejemplo, la API de Google Pay devuelve una dirección de correo cuando asignas el valor emailRequired a true en tu PaymentDataRequest objeto.

Mantenga esta práctica para fomentar la confianza y la fidelidad de los clientes.

Importante: Si quieres usar los datos devueltos por la API de Google Pay para cualquier fin que no sea una transacción, debes obtener el consentimiento expreso del usuario por separado y solicitarlo fuera del flujo de compra.