Saltar al contenido principal

Checkout

Checkout es la aplicación web de Pago46 diseñada para integrarse como iframe en tu experiencia de usuario. Desde ahí, tus usuarios pueden completar flujos de pay-in y pay-out con una interfaz optimizada para móvil y desktop.

Por qué es importante Checkout​

Checkout estandariza la experiencia final del usuario en un solo punto, independientemente del tipo de operación o canal de acceso. Esto te ayuda a:

  • reducir tiempos de implementación para nuevos flujos,
  • mantener una UX consistente en web y móvil,
  • acelerar pruebas de punta a punta,
  • simplificar soporte operativo con una ruta de ejecución común.

Además, Checkout incorpora capacidades internas para monitoreo técnico, seguimiento de errores y rendimiento, así como soporte operativo. También puede integrar servicios de terceros para enriquecer la experiencia del usuario, incluyendo componentes geoespaciales con conexiones en tiempo real.

Ambientes​

AmbienteURL base
Sandboxhttps://checkout.dev.pago46.io
Producciónhttps://checkout.prd.pago46.io

Formato por orden:

  • Sandbox: https://checkout.dev.pago46.io/{UUID}
  • Producción: https://checkout.prd.pago46.io/{UUID}

También puedes abrir la URL base (sin UUID) e ingresar el UUID de forma manual.

redirect_url llega en la respuesta de creación/consulta de la orden y apunta directamente a la URL de Checkout para esa orden.

Integración en iframe​

Flujo recomendado:

  1. Crea la orden en Pago46.
  2. Toma redirect_url de la respuesta de la orden.
  3. Carga ese redirect_url en un iframe dentro de tu aplicación.
  4. Para QA, valida también el ingreso manual del UUID desde la página principal de Checkout.

Ejemplo base de iframe:

<iframe
  src="https://checkout.dev.pago46.io/01952d91-a0ff-7f57-8f4e-68d95be01122"
  width="100%"
  height="720"
  style="border: 0"
  allow="clipboard-write"
></iframe>

Recomendaciones puntuales para iframe web:

  • Usa ancho completo y altura suficiente para evitar scroll interno excesivo.
  • No bloquees cookies, storage o navegación dentro del dominio de Checkout.
  • Permite clipboard-write y capacidades estándar del navegador cuando aplique.
  • Maneja expiración de sesión y recargas sin romper el estado de tu pantalla.
  • Si haces pruebas manuales, abre también la URL base e ingresa el UUID sin usar una URL prearmada.

Integración en apps móviles​

Checkout se integra como webview, sin SDK adicional.

App móvil con WebView​

  • Carga redirect_url directamente en el WebView.
  • Evita interceptar navegación de Checkout salvo casos estrictamente necesarios.
  • Mantén un User-Agent estable para evitar diferencias de render inesperadas.

App nativa (iOS/Android)​

  • Integra Checkout como webview embebido en el flujo de retiro/cobro.
  • Controla bien el botón de back para no cerrar el flujo accidentalmente.
  • Define una política clara para abrir enlaces externos fuera del WebView.

App React Native​

  • Integra Checkout con WebView (sin SDK propietario).
  • Reutiliza el mismo contrato: recibir redirect_url y cargarlo en la vista.
  • Prueba ciclo completo en foreground/background para validar continuidad.

Permisos que podrían requerirse en usuario final​

Dependiendo del flujo y del contexto operativo, Checkout puede requerir:

  • ubicación aproximada o precisa (servicios geoespaciales y puntos cercanos),
  • acceso a red/internet estable para actualizaciones en tiempo real,
  • permisos del navegador o WebView asociados a geolocalización.

Recomendación: informa al usuario por qué se solicita cada permiso antes de que aparezca el prompt del sistema.

Flujo de pruebas recomendado​

  1. Crea una orden en sandbox.
  2. Toma redirect_url y cárgalo en iframe o WebView.
  3. Ejecuta el flujo completo con la orden pre-cargada.
  4. Repite entrando a la página principal de Checkout e ingresando el UUID manualmente.
  5. Valida comportamiento en desktop, Android e iOS.

Demos​

Android​

iOS​

Desktop​