Qué vas a lograr
- Identificar una factura pendiente pagable dentro de Flobu.
- Iniciar correctamente el pago desde el dashboard sin confundir revisión con confirmación.
- Entender qué feedback muestra Flobu al volver desde la pasarela y cómo validar si el pago quedó exitoso, pendiente o fallido.
Paso a paso en Flobu
Cómo funciona la interfaz de Flobu en este tutorial
- Menú lateral: en este tutorial usarás Ajustes > Planes y Pagos.
- Panel central: trabajarás en la pestaña Facturas, especialmente en las tarjetas del bloque Pagos pendientes.
- Acciones clave: usarás Pagar Ahora y revisarás el modal de estado del pago cuando regreses al dashboard.
- Alcance de este tutorial: aquí iniciarás el pago de una factura pendiente. Este tutorial no cubre descarga de PDF, eliminación de facturas ni cambios de plan como tarea principal.
1) Entrar a Facturas e identificar una factura que aún requiere pago
- Entra al dashboard de tu tienda.
- Abre Ajustes > Planes y Pagos.
- En la barra de pestañas entra a Facturas.
- Busca primero el bloque Pagos pendientes.
- Flobu coloca allí las facturas pendientes que no corresponden a una facturación mensual periódica.
- Cada tarjeta muestra datos útiles antes de pagar:
- Número de factura (por ejemplo, Factura #...)
- Estado Pendiente
- Descripción del cobro
- Neto, IVA y Método
- Fecha de creación
- Total
- Si una factura está disponible para pago desde esta pantalla, verás el botón Pagar Ahora.
- Si no ves ese botón, probablemente no estás frente al caso correcto para este tutorial o la factura ya cambió de estado.
- Antes de avanzar, revisa que la tarjeta efectivamente corresponde al cobro que quieres pagar.
Resultado esperado: ubicaste una factura pendiente correcta y confirmaste que Flobu la muestra como pagable desde el botón Pagar Ahora.
2) Iniciar el pago desde Flobu
- En la tarjeta de la factura pendiente, pulsa Pagar Ahora.
- Flobu bloquea temporalmente el botón mientras inicia el proceso.
- Desde esta pantalla no eliges manualmente una pasarela.
- El dashboard envía la solicitud de pago y, si todo sale bien, te redirige automáticamente al enlace generado para esa factura.
- Si el inicio del pago falla, Flobu muestra un error como: "Error al iniciar el pago."
- En ese caso, no des por hecho que la factura cambió de estado. Simplemente significa que no se logró abrir correctamente el flujo externo de pago.
- También es importante saber que el backend valida el estado real de la factura. Si la factura ya estuviera pagada o ya no existiera, el proceso puede devolver un error y no iniciar la redirección.
- El paso correcto aquí no termina al hacer clic. Termina cuando ya fuiste redirigido fuera del dashboard y completaste o intentaste completar el pago en la pasarela correspondiente.
Resultado esperado: iniciaste el flujo externo de pago desde Pagar Ahora y entendiste que el botón solo abre el proceso, pero no garantiza por sí mismo que la factura quede pagada.
3) Volver al dashboard y validar el resultado del pago
- Después del intento de pago, Flobu te devuelve a Planes y Pagos, normalmente a la pestaña Facturas.
- Al volver, el dashboard puede mostrar un modal de estado del pago.
- Los estados que maneja esta experiencia son:
- ¡Pago Exitoso!
- El pago no se pudo procesar
- Pago Pendiente
- Ese modal es una señal importante porque se alimenta del resultado devuelto por la pasarela al regresar.
- Si ves ¡Pago Exitoso!, el pago fue confirmado correctamente y ya puedes cerrar el modal con Entendido.
- Si ves Pago Pendiente, Flobu todavía está esperando confirmación final.
- Si ves El pago no se pudo procesar, el intento no se cerró con éxito.
- Después de cerrar el modal, vuelve a revisar la misma tarjeta o el historial.
- La validación más segura sigue siendo el estado visible de la factura dentro del módulo.
- Si el pago se confirmó, la factura debería dejar de verse como Pendiente y pasar a Pagado.
- Si no cambió, todavía no debes asumir que el cobro fue exitoso.
- Este punto es clave: la redirección de ida y vuelta no reemplaza la verificación final del estado en Flobu.
Resultado esperado: supiste interpretar el resultado al volver de la pasarela y verificaste el estado final de la factura dentro del dashboard.
Checklist final rápido
- Entré a Ajustes > Planes y Pagos > Facturas.
- Identifiqué una factura con estado Pendiente.
- Revisé que la tarjeta correcta mostrara el botón Pagar Ahora.
- Inicié el pago desde el dashboard.
- Entendí que en esta pantalla no se elige manualmente la pasarela.
- Revisé el modal de retorno con estado Exitoso, Pendiente o Fallido.
- Verifiqué nuevamente el estado de la factura dentro de Flobu después del retorno.
Errores comunes
- Pensar que hacer clic en "Pagar Ahora" ya pagó la factura. Ese botón solo inicia el flujo.
- No revisar si la factura correcta era la que estaba en pantalla antes de salir a la pasarela.
- Asumir que volver al dashboard siempre significa éxito. Flobu puede volver con estado exitoso, pendiente o fallido.
- Cerrar el modal de estado y no verificar luego la tarjeta de la factura. La comprobación final sigue siendo el estado dentro del módulo.
- Buscar un selector manual de pasarela en esta vista. El flujo actual inicia el pago automáticamente desde el sistema, sin un selector visible en esta pantalla.