Resumen

Definición

El component es un elemento visual (UI) desarrollado en HTML que permite ser incrustado dentro de otro sitio web (ecommerce), también conocido como iframe. Este, te permite habilitar los métodos de pago para que tus clientes/usuarios puedan realizar transacciones de compra sin salir de tu sitio web, garantizando una experiencia fluida, segura y confiable.

Características

• Integración con Direct API: El componente HTML se encuentra listo para implementarlo a nivel frontend, únicamente es necesario integrarlo a la experiencia de compra de tu sitio web mediante el backend (Direct API), evitando crear una integración personalizada desde cero.
• Adaptable: Se adapta a cualquier sitio web y permite realizar cambios o adiciones de funciones a la pasarela de pago sin necesitar realizar cambios en el código base de pago, ahorrando tiempo y recursos.
• Mejora la experiencia de pago: Su diseño es sencillo y fácil de usar, se adapta a cualquier sitio web y optimiza la conversión de pagos, brindando una experiencia uniforme para tus clientes, generando confianza y reduciendo la fricción al momento de finalizar la compra.
• Seguridad: Al momento de pago, Oxxo Pay soporta al 100% la experiencia, protegiendo tu negocio de fraudes y al cliente con el cifrado de la información sensible de su método de pago, brindando más confianza y seguridad durante el proceso de compra.

Flujo

1. Instalar el SDK de Oxxo Pay: Instala el SDK según el lenguaje de programación de tu preferencia.
2. Crear un Customer: Este Objeto permite representar a tu cliente en Oxxo Pay para realizar cobros a su nombre.
3. Crear una orden: agrega un endpoint en tu servidor para crear una orden.
4. Habilita los métodos de pago a mostrar: Habilita el método de pago usando el atributo allowed_payment_methods en el objeto Checkout de la orden al momento de crearla.
5. Inicializar el Component: Carga nuestro paquete de JavaScript para mantenerte en cumplimiento con PCI asegurando que los detalles de pago sean enviados directamente a Oxxo Pay sin pasar por tu servidor.
6. Capturar Eventos: Automatiza tus procesos a través de los eventos que se generan en el flujo de pago. Para recibir estos eventos y ejecutar acciones, crea y configura tus webhooks.