Pulse para pagar

Click to Pay es una solución de pago en línea diseñada para agilizar y proteger las transacciones en línea. Se basa en el estándar de pago seguro EMVCo, un consorcio global que comprende las principales compañías de tarjetas como Visa, MasterCard, American Express y Discover.

Redes disponibles en Yuno: MasterCard

Características y ventajas principales

Facilidad de uso: permite a los consumidores realizar compras en línea con un solo clic, eliminando la necesidad de introducir manualmente los datos de la tarjeta de crédito para cada compra.
Seguridad mejorada: Utiliza normas modernas de autenticación para minimizar el riesgo de fraude. Esto puede incluir métodos como la autenticación de dos factores otokens pago .
Consistente en varios sitios: Ofrece una experiencia de pago similar en todos los sitios web que admiten esta tecnología, lo que significa que los consumidores no tienen que aprender procesos diferentes para cada tienda online.
Integración con marcas de tarjetas: Al estar respaldado por las principales marcas de tarjetas, "Click to Pay" goza de una amplia aceptación y confianza.
Compatibilidad con dispositivos móviles y de sobremesa: Diseñado para funcionar en varios dispositivos, facilita las compras en línea tanto en ordenadores de sobremesa como en dispositivos móviles.

Esta función mejora la experiencia del cliente y se alinea con las tendencias de pago digital modernas, lo que podría aumentar las tasas de conversión y la lealtad del cliente. Al incorporar "Click to Pay", puede ofrecer una experiencia de pago fluida, lo que reduce la fricción y aborda los problemas de seguridad en las transacciones en línea.

Integración

Para integrar y comenzar a ofrecer Click to Pay a sus clientes, siga estos 3 simples pasos:

Cree una conexión en el panel de control de Yuno utilizando sus credenciales de Click to Pay.
Define la ruta del método de pago en la sección Rutas para poder habilitarla en el Constructor de Pedido.
Habilite Click to Pay en el Checkout builder.
Define la ruta Tarjeta: Teniendo en cuenta que Click to Pay es un monedero que almacena información de tarjetas de crédito, la ruta en la que tendrás que definir los proveedores para cada escenario es la misma que la del método de pago "Tarjeta".

Integración con VTEX

Para los comerciantes de VTEX que utilizan Click to Pay, la integración proporciona la creación automática de clientes y la asignación de datos para agilizar la experiencia de pago.

Creación automática de clientes:

Cuando los clientes eligen Click to Pay en las tiendas VTEX:

El cliente VTEX se crea automáticamente en Yuno durante pago (si aún no existe).
Todos los datos de los clientes del perfil de VTEX se transfieren automáticamente a Yuno y se incluyen en la sesión de pago.
La información del cliente (CVV, email, dirección) se rellena previamente en el SDK, lo que elimina la introducción redundante de datos.
El proceso de pago coincide con la experiencia optimizada disponible para los comerciantes que no utilizan VTEX.

Esta función requiere que el campo Crear cliente esté configurado en Sí en la configuración del proveedor VTEX. Para obtener más detalles, consulta Configurar Yuno como proveedor en la documentación de integración de VTEX.

Integración del SDK (clic para pagar con Passkey)

⚠️
Importante
Los flujos estándar de las tarjetas Click to Pay utilizan las devoluciones de llamada SDK existentes, pero los usuarios de Passkey deben incluir un callback_url que coincida con el esquema de enlaces profundos de la aplicación para que el comprador vuelva a la aplicación después de la autenticación (en Android, esto debe coincidir con el esquema configurado en AndroidManifest.xmlPor ejemplo:
{
  "callback_url": "myapp://pay/ctp"
}
En las transacciones Passkey, el token de un solo uso token OTT) nunca llega a las devoluciones de llamada SDK habituales (incluidas callbackOTT en Android). Léelo siempre a partir de los parámetros del enlace profundo antes de continuar con el flujo.

Los SDK de Yuno para iOS y Android actualmente admiten Click to Pay a través del flujo Passkey. En ambos casos, el token de un solo uso token OTT) se devuelve a través de una URL de enlace profundo en lugar de las devoluciones de llamada estándar del SDK, por lo que tu aplicación debe analizar los parámetros del enlace profundo antes de continuar con el pago.

Flujo de claves de acceso de iOS

El SDK de Yuno para iOS es compatible con Click to Pay con Passkey. El flujo difiere de los pagos con tarjeta estándar porque el SDK devuelve el resultado por enlace profundo en lugar de a través de las habituales devoluciones de llamada delegadas.

Gestionar el token de un solo uso (OTT) y el enlace profundo

Cuando un comprador completa el flujo Click to Pay Passkey, el SDK envía el resultado a través de la URL del deeplink en lugar de a través del yunoCreatePayment(with token: String) método delegado.

1. Cierra el navegador externo

Cuando tu aplicación reciba la llamada de retorno del enlace profundo, llama inmediatamente a Yuno.receiveDeeplink para que el SDK descarte el navegador externo que se utilizó para la autenticación Passkey.

func application(_ app: UIApplication,
                 open url: URL,
                 options: [UIApplication.OpenURLOptionsKey : Any] = [:]) -> Bool {
    Yuno.receiveDeeplink(url: url)

    // Parse the URL to extract parameters

    return true
}

2. Procesa la URL del enlace profundo

La cadena de consulta del enlace profundo incluye la información que necesitas para continuar:

has_error: Indica que se ha producido un error durante la transacción. Gestiona este escenario en tu aplicación.
one_time_token: Presente cuando la transacción tiene éxito. Utilízalo para crear el pago.

3. Crea el pago

Si el enlace profundo contiene un one_time_token:

Extrae el one_time_token.
Utilízalo para crear el pago con el endpoint Crear pago .
Después de crear el pago, llama a continuePayment en el SDK para finalizar el flujo.

⚠️
Importante
El OTT nunca llega a yunoCreatePayment(with token: String) para Click to Pay Passkey. Lee siempre el token de la URL del enlace profundo.

Flujo de Android Passkey

Para Android, incluye un callback_url que coincida con el esquema de enlaces profundos de tu aplicación al crear la sesión de pago, añade el correspondiente intent-filter en el AndroidManifest.xml, y gestionar el enlace profundo tanto en onCreate y onNewIntentCuando llega el enlace profundo:

Comprueba has_error para gestionar cancelaciones o fallos.
Extracto one_time_token (y el opcional checkout_session) de la URI.
Envía el OTT a tu backend para llamar al endpoint de Crear pago, luego invoca continuePayment en el SDK para reanudar el flujo.

Consulta las full SDK para ver ejemplos detallados: Compra completa en Android y Compra completa en iOS.