💧 Guía operativa del frontend

Todo lo que necesitas para operar el CRM

Un recorrido visual por cada módulo: clientes, órdenes, pagos, despacho, reportes y administración — más todo lo que cambió en la última actualización.

📘 Uso del frontend 🧩 Módulos principales y secundarios ✨ Actualizado con la última versión
✨

Novedades de esta actualización

📊

Panel de analíticas de clientes

Nuevas tarjetas colapsables en la sección de Clientes: total, activos, inactivos, empresas vs. personas, con/sin frecuencia, y quiénes realmente están comprando a tiempo.

Ir a Clientes →
⚡

Búsqueda instantánea, sin recargas

Buscar o filtrar en Clientes y en Órdenes (Manual/Online/Historial) ahora actualiza la tabla al instante mediante AJAX, sin recargar toda la página.

Ir a Clientes →
💳

Apple Pay y Google Pay

Los enlaces de pago enviados a los clientes ahora detectan el dispositivo automáticamente y ofrecen Apple Pay o Google Pay junto al formulario de tarjeta, con Stripe.

Ir a Órdenes y pagos →
🛠️

Cobro de tarjetas guardadas corregido

Cobrar una tarjeta guardada (con o sin correo registrado) ya no falla — el cliente siempre queda correctamente vinculado en Stripe antes de cobrar.

Ir a Órdenes y pagos →
🔒

El pre-status ahora es siempre manual

El pre-status de una orden (cash, check, tarjeta, Zelle, etc.) ya no se marca automáticamente — solo un driver o agente puede cambiarlo.

Ir a Órdenes y pagos →
🔄

Importar / exportar productos

Ahora los productos se pueden importar y exportar desde archivos CSV/XLS, igual que ya funcionaba con Clientes.

Ir a Productos →
🛡️

Permisos para importar/exportar

Nuevos permisos de rol controlan quién puede ver y usar los botones de Importar/Exportar en Clientes y Productos.

Ir a Usuarios, roles y sucursales →
📈

Gráfico de regularidad de consumo

Un nuevo gráfico en el Dashboard muestra cuántos clientes activos están comprando a tiempo y cuántos se están atrasando, más una proyección de ingresos recurrentes.

Ir al Dashboard →
🤖

Auto-orden y auto-cobro por cliente

Activa por cliente individual (desde su perfil, con permiso de rol) que repita automáticamente su última orden según su frecuencia, y/o que se cobre su tarjeta guardada cuando un driver marque la orden como pagada con tarjeta.

Ir a Automatización y notificaciones →
💬

Recordatorios y reactivación automáticos

Los clientes con saldo a crédito vencido reciben un recordatorio de pago automático; los clientes que se atrasan en su frecuencia reciben un aviso automático de "ya te toca tu pedido".

Ir a Automatización y notificaciones →
📍

Aviso de driver cerca

Los clientes ahora reciben un mensaje automático por WhatsApp/SMS cuando la ubicación GPS en vivo de su driver está cerca de su dirección de entrega.

Ir a Automatización y notificaciones →
🕐

Ventana horaria de entrega

Las órdenes ahora se pueden marcar con una ventana de entrega de mañana o tarde desde el formulario de orden manual.

Ir a Órdenes y pagos →
💵

Pagos parciales (abonos)

Las órdenes a crédito ahora pueden registrar un abono recibido en el momento, con el saldo restante quedando como deuda — en vez de que toda la orden siempre se vuelva deuda.

Ir a Órdenes y pagos →
🧾

Estado de cuenta en PDF

Descarga un estado de cuenta en PDF de cualquier cliente directamente desde su perfil: historial de órdenes, total facturado, total pagado y saldo pendiente.

Ir a Clientes →
🚚

Reporte de rendimiento por chofer

Un nuevo reporte muestra órdenes, clientes atendidos, % pagadas, unidades entregadas e ingresos por chofer, con gráfico y filtro de fechas.

Ir a Reportes y ajustes →
🔐

Verificación en dos pasos (2FA)

Activa 2FA por correo para cuentas de administrador desde Settings — se exige un código de 6 dígitos al iniciar sesión, válido por 10 minutos.

Ir a Usuarios, roles y sucursales →
💾

Respaldos automáticos

Clientes y Productos se respaldan según un horario programado, se comprimen y se envían por correo a la dirección que configures en Settings.

Ir a Reportes y ajustes →
📇

Sincronización automática con QuickBooks

Los clientes ahora se sincronizan con QuickBooks automáticamente al crearse o editarse — no solo la primera vez que pagan con una tarjeta de QuickBooks.

Ir a Usuarios, roles y sucursales →
🔁

Botón "Reordenar" para clientes

En su cuenta en línea, los clientes ahora pueden repetir cualquier orden anterior con un clic desde su historial de compras.

Ir a Clientes →
🎯
Sección 1

Alcance y roles

Este manual cubre el uso funcional del frontend para operación, supervisión y administración del CRM.

👷 Usuario operativo

  • Gestiona clientes, órdenes, rutas y tareas diarias.
  • Usa búsqueda instantánea, filtros y seguimiento para trabajar rápido.

🛡️ Supervisor / Administrador

  • Controla sucursales, usuarios, roles y reportes.
  • Otorga o revoca permisos de acceso por módulo y por acción.
📊
Sección 3

Dashboard e inicio rápido

El Dashboard es el punto de entrada operativo para métricas y accesos rápidos.

  • Revisa la actividad diaria y el estado operativo general.
  • Confirma la sucursal activa antes de crear o editar registros.
  • Usa los accesos rápidos para ir a Clientes, Órdenes y Despacho.

📈 Gráfico de regularidad de consumo Nuevo

Un nuevo gráfico de dona y un medidor de porcentaje muestran, entre los clientes activos con frecuencia de entrega asignada, cuántos están comprando a tiempo ("consumiendo regularmente") y cuántos están atrasados o nunca han hecho una orden. Usa la misma lógica de Follow of Clients: fecha de última orden más la frecuencia (en días), comparada con hoy.

ℹ️
El gráfico respeta automáticamente la sucursal activa, igual que el resto del Dashboard.

💰 Proyección de ingresos recurrentes Nuevo

Una nueva tarjeta estima el ingreso mensual predecible de tu base de clientes recurrentes: el ticket promedio de cada cliente con frecuencia asignada, escalado a un equivalente de 30 días según su frecuencia, sumado entre todos.

👥
Sección 4

Clientes (People / Business / Follow-up)

📊 Panel de analíticas Nuevo

Arriba de la lista de clientes ahora hay una fila de pequeñas tarjetas de analíticas que muestran, de un vistazo:

  • Total de clientes, activos e inactivos.
  • Consumiendo regularmente vs. sin consumo regular — clientes activos con frecuencia asignada que están al día con su próxima orden esperada, versus los que están atrasados o nunca han comprado.
  • Cantidad de clientes personas vs. empresas.
  • Clientes con frecuencia de entrega activada vs. sin ella.
👁️
Mostrar / ocultar. Usa el botón "Mostrar/Ocultar" arriba de las tarjetas para colapsar el panel con una animación suave. Tu elección se recuerda en el navegador — si lo cierras, seguirá cerrado en tu próxima visita hasta que tú mismo lo abras de nuevo.

⚡ Búsqueda y paginación instantánea Nuevo

Buscar, filtrar por estado, cambiar la cantidad por página o moverte entre páginas en la lista de clientes ya no recarga toda la página — los resultados se actualizan al instante en la tabla, mientras que la URL sigue actualizándose, así que el botón atrás/adelante y los marcadores siguen funcionando con normalidad.

📋 Listas de clientes

  • Vistas separadas para clientes personas y empresas.
  • Filtros por estado, búsqueda por texto, paginación y acciones por fila.
  • Columnas: Cliente, Teléfono, Dirección, Piso/Apto, Garrafones vacíos, Frecuencia, Tipo y Estado.

🪪 Perfil de cliente

  • Datos generales (nombre, email, teléfonos, avatar, estado).
  • Direcciones del cliente con dirección por defecto, incluyendo piso/apartamento.
  • Gestión de métodos de pago guardados y datos comerciales.
  • Switches de auto-orden / auto-cobro Nuevo — activa para este cliente específico la generación automática de órdenes recurrentes y/o el cobro automático con tarjeta guardada. Ver Automatización y notificaciones.

🧾 Estado de cuenta en PDF Nuevo

Desde el perfil de un cliente, descarga un estado de cuenta en PDF con su historial de órdenes en un rango de fechas, total facturado, total pagado y saldo pendiente.

📥📤 Importar y exportar

Los botones de importar y exportar solo se muestran a los roles que tengan el permiso correspondiente — ver Usuarios, roles y sucursales. La estructura de archivo aceptada está documentada en Formatos de importar/exportar.

📌 Seguimiento de clientes (Follow of Clients)

  • Monitorea clientes con frecuencia asignada y quién está próximo a vencer.
  • Permite registrar comentarios y acciones operativas rápidas.

🔁 Portal de autoservicio del cliente Nuevo

En su propia cuenta en línea, un cliente ahora puede hacer clic en Reordenar sobre cualquier compra anterior en su historial para repetirla al instante (mismos productos/cantidades) como una nueva orden pendiente.

📦
Sección 5

Productos y categorías

  • Crear y editar productos con precio, stock, estado e imagen.
  • Usar categorías para una operación más limpia y reportes más fáciles.
  • Desactivar productos no disponibles para evitar errores en las órdenes.

⚠️ Advertencia de stock Nuevo

Al agregar un producto a una orden manual, si la cantidad solicitada supera el stock actual, aparece una alerta. Es un aviso, no un bloqueo — el stock puede estar desactualizado, así que el agente puede continuar si es necesario.

🔄 Importar y exportar productos Nuevo

Igual que en Clientes, ahora los productos se pueden importar desde un archivo CSV/XLS y exportar en cualquier momento:

  • Importar: selecciona un archivo, confirma la vista previa, y los productos se crean en lote — asignando automáticamente la categoría existente si el nombre coincide.
  • Exportar CSV / Exportar XLS: descarga la lista completa de productos actualmente cargada, lista para editar y volver a importar más adelante.

Consulta las columnas exactas en Formato de importar/exportar productos.

🔐
Estos botones solo aparecen para usuarios cuyo rol tenga activado el permiso products.import / products.export.
🧾
Sección 6

Órdenes (Manual, Online, Historial) y pagos

✍️ Manual

  • Crear órdenes directas para clientes.
  • Definir productos, cantidades y método de pago.

🌐 Online

  • Revisar pedidos originados por canal online.
  • Actualizar el estado operativo y logístico.

🕘 Historial

  • Consultar órdenes finalizadas o en proceso.
  • Validar cantidades, estado, chofer asignado y fechas.

⚡ Búsqueda instantánea en todos lados Nuevo

Manual, Online e Historial comparten la misma experiencia de búsqueda rápida: escribir en el buscador, cambiar filtros o fechas, o pasar de página actualiza la tabla al instante, sin recargar toda la página.

🔒 El pre-status siempre es manual Corregido

🚫
El pre-status de la orden (cash, check, tarjeta de crédito, Zelle, a crédito, etc.) ya no se marca automáticamente — ni cuando el cliente paga en línea antes de la entrega, ni cuando la orden ya está marcada como pagada. Solo cambia cuando un driver o agente lo selecciona manualmente, y se mantiene en pendiente hasta entonces.
  • Pagar mediante un enlace de pago ya no fuerza el pre-status a "tarjeta de crédito" (ni a ningún otro valor).
  • Una vez que un agente marca manualmente un pre-status (por ejemplo, "check"), volver a ponerlo en "pendiente" se respeta y ya no es revertido silenciosamente por el sistema.

💳 Stripe: tarjetas guardadas, Apple Pay y Google Pay CorregidoNuevo

  • Cobro de tarjetas guardadas corregido: cobrar la tarjeta guardada de un cliente desde un enlace de pago, la pantalla de orden manual, la app del driver, o el flujo de "Agregar tarjeta" ya no falla con el error de "tarjeta usada previamente" — el cliente de Stripe siempre queda correctamente vinculado antes de cobrar, incluso para clientes sin correo o con uno inválido.
  • Funciona con o sin correo: el cliente no necesita tener un correo registrado para guardar y reutilizar una tarjeta; el número de teléfono y el registro interno del cliente son suficientes.
  • Apple Pay / Google Pay en enlaces de pago: cuando un cliente abre un enlace de pago desde un iPhone, aparece Apple Pay automáticamente; en Android, aparece Google Pay — justo arriba del formulario de tarjeta normal, sin ninguna configuración de parte del cliente.
ℹ️
Si una tarjeta fue cobrada antes de esta corrección sin estar vinculada a un cliente, Stripe bloquea de forma permanente reutilizar esa tarjeta exacta. El cliente solo necesita eliminarla y volver a agregarla una vez — después de eso funciona con normalidad.

🕐 Ventana horaria de entrega Nuevo

Al crear o editar una orden manual, elige una ventana de entrega — cualquier hora, mañana o tarde — para que despacho sepa cuándo espera el cliente al driver.

💵 Pagos parciales (abonos) Nuevo

Cuando el pre-status de una orden es al crédito, un nuevo campo permite registrar cuánto está pagando el cliente en ese momento. El resto queda como saldo pendiente (deuda), en vez de que toda la orden siempre se vuelva deuda como antes. El monto pagado se registra como su propia transacción.

📦 Evidencia de entrega (foto/firma) Nuevo

El CRM ahora puede guardar una foto y/o firma de entrega vinculada a una orden. Esto ya está listo del lado del servidor — se activa cuando la app del driver agregue una pantalla para capturarla.

🤖
Sección 7

Automatización y notificaciones Nuevo

Un conjunto de tareas automáticas (cron) que corren en un horario programado para automatizar trabajo recurrente y mantener informados a los clientes, todo opcional (opt-in) y protegido por permisos donde toca el dinero.

🔁 Auto-orden por cliente

  • Switch en el perfil del cliente (con permiso de rol): cuando está activo, su próxima orden se auto-crea en su fecha de frecuencia repitiendo su última orden (mismos productos/cantidades/dirección).
  • La nueva orden siempre se crea como pendiente — el pre-status nunca se marca automáticamente, un agente o driver debe confirmar cómo se cobra.

💳 Auto-cobro por cliente

  • Switch separado en el perfil del cliente (con permiso de rol): cuando está activo, su tarjeta guardada se cobra automáticamente en el momento en que un driver marca la orden como pagada con tarjeta — sin necesidad de un paso manual de "cobrar tarjeta".
  • Solo se activa si el cliente tiene una tarjeta guardada utilizable; de lo contrario simplemente se omite, sin mostrar error al driver.

📨 Recordatorios de cobro

Para clientes con Notificación de crédito activada en su perfil, una vez que pasan los días configurados sobre un saldo a crédito sin pagar, reciben automáticamente un recordatorio por WhatsApp/SMS con el enlace de pago.

🔄 Campaña de reactivación

Los clientes activos con frecuencia asignada que se atrasan en su calendario reciben automáticamente un mensaje amigable de "ya te toca tu pedido", con un enlace para hacer una nueva orden.

📍 Aviso de driver cerca

Usando el GPS en vivo que ya envía la app del driver, cuando un driver se acerca a la dirección de entrega de una orden activa, el cliente recibe un aviso automático de que su entrega está por llegar.

⚠️
Plantillas de WhatsApp: los mensajes automáticos como estos se envían fuera de cualquier ventana de 24 horas de servicio al cliente, así que WhatsApp exige una plantilla de mensaje pre-aprobada (vía Meta Business Manager o Twilio). Configura el canal y los nombres de plantilla en Settings → SMS/WhatsApp.
🚚
Sección 8

Operación (Dispatch, Rutas, GPS, Choferes)

  • Dispatch/Returns: control de salidas y retornos.
  • Dispatch diario: vista operativa para la ejecución del día.
  • Rutas: planificación y asignación de entregas.
  • GPS: visibilidad de ubicaciones y trayectorias.
  • Choferes: gestión de choferes, perfiles y estado operativo.
💰
Sección 9

Transacciones, ofertas y gastos

  • Transacciones: registros financieros y revisión de movimientos de pago.
  • Ofertas: gestión de campañas promocionales.
  • Gastos: registrar egresos operativos por sucursal/categoría.
  • Categorías de gasto: mantener la contabilidad agrupada de forma consistente.
🛡️
Sección 10

Usuarios, roles y sucursales

  • Usuarios: crear, editar, activar/desactivar usuarios del sistema.
  • Roles: definir una matriz de permisos por módulo y acción.
  • Sucursales: gestionar datos de sucursales y el cambio entre ellas.
  • Notificaciones: revisar alertas y avisos del sistema.

🔐 Nuevos permisos: importar y exportar Nuevo

Ve a Usuarios → Roles y Permisos para controlar quién puede ver y usar los botones de Importar/Exportar:

PermisoControla
clients.importMuestra el botón "Import CSV/XLS" en la sección de Clientes.
clients.exportMuestra los botones "Export CSV" / "Export XLS" en la sección de Clientes.
products.importMuestra el botón "Import CSV/XLS" en la sección de Productos.
products.exportMuestra los botones "Export CSV" / "Export XLS" en la sección de Productos.

Si un permiso no está activado para un rol, el botón correspondiente queda completamente oculto para los usuarios con ese rol — no solo deshabilitado.

👑 Cómo funciona ahora el rol "Administrador" Actualizado

⚠️
Solo la primera cuenta del sistema (el Super Admin principal) tiene acceso incondicional a todo, sin importar lo que esté marcado en Roles y Permisos. Cualquier otro usuario — incluyendo a otros usuarios con el rol "Administrador" — ahora sigue exactamente lo que esté marcado para su rol. Si quieres que otro administrador use importar/exportar, asegúrate de que esos permisos estén activados para el rol Administrador (quedaron activados por defecto después de esta actualización).

🔐 Verificación en dos pasos (2FA) Nuevo

En Settings → Email, activa "Exigir 2FA a administradores". Una vez activado, cualquier usuario con el rol Administrador recibe un código de 6 dígitos por correo al iniciar sesión (válido por 10 minutos, máximo 5 intentos) antes de poder entrar al CRM. Requiere SMTP ya configurado y funcionando — si el envío de correo falla, el inicio de sesión se permite de todas formas en vez de dejar al administrador bloqueado.

📇 Sincronización automática con QuickBooks Nuevo

Cuando QuickBooks está activado en Settings, cada cliente ahora obtiene un registro de cliente en QuickBooks creado automáticamente en cuanto se guarda — haya pagado alguna vez con una tarjeta de QuickBooks o no. Antes esto solo pasaba la primera vez que un cliente pagaba con una tarjeta guardada de QuickBooks, así que la mayoría de los clientes nunca se sincronizaban.

📈
Sección 11

Reportes, quejas, calendario y ajustes

  • Reportes: generación y descarga de reportes operativos.
  • Quejas: registro y seguimiento de incidencias de clientes.
  • Calendario: tareas con fecha/hora y estado.
  • Ajustes: configuración general del CRM (según permisos).

🚚 Reporte de rendimiento por chofer Nuevo

Desde la página de Reportes, abre Rendimiento de choferes para ver, por chofer y rango de fechas: órdenes, clientes distintos atendidos, % de órdenes pagadas, unidades entregadas, ticket promedio e ingresos totales — con un gráfico de ingresos por chofer.

💾 Respaldos automáticos Nuevo

Clientes y Productos se exportan a CSV, se comprimen y se envían por correo según un horario programado a la dirección que configures en Settings → Email → Correo para respaldos. Los respaldos antiguos se eliminan automáticamente después de 30 días.

🔄
Sección 12

Formato de importar/exportar clientes

✅
Importar acepta exactamente la misma estructura de columnas que produce Exportar — así que un archivo exportado siempre se puede editar y volver a importar.
#CampoDescripciónEjemplo
1NombreNombre del clienteJuan Pérez
2EmailCorreo (opcional)juan@email.com
3Telefono1Teléfono principal862-555-1234
4Telefono2Teléfono secundario (opcional)973-111-2222
5DireccionDirección del cliente191 12th Ave, Paterson, NJ
6EnvasesVaciosCantidad de garrafones vacíos3
7FrecuenciaDías de frecuencia de servicio7
8PisoPiso/Apartamento3L
9Tiporegular o businessregular
10Estadoactive o inactiveactive

Formatos: CSV (coma) y XLS tabulado (columnas separadas por tabulador).

⚠️
Si editas el archivo en Excel, evita cambiar los nombres de encabezado para una importación más estable.

📦 Formato de importar/exportar productos Nuevo

#CampoDescripciónEjemplo
1NombreNombre del productoBotellón 5 galones
2DescripcionDescripción corta (opcional)Botellón rellenable
3CategoriaSe asigna por nombre a una categoría existente, si coincideBotellones
4PrecioPrecio unitario7.50
5PrecioGalonPrecio por galón (0 lo desactiva)1.25
6StockExistencia disponible120
7CompraMinimaCantidad mínima de compra (vacío/0 lo desactiva)2
8Estadoactive o inactiveactive

Se aceptan CSV y XLS tabulado, igual que con Clientes.

✅
Sección 13

Buenas prácticas y soporte

  1. Confirma siempre la sucursal activa antes de crear registros.
  2. Mantén completos el teléfono, la dirección y el piso/apartamento para una buena calidad de despacho.
  3. Aplica el mínimo privilegio por rol — otorga permisos de importar/exportar y de administración solo donde realmente se necesiten.
  4. Ejecuta exportaciones periódicas (Clientes y Productos) como respaldo operativo.
  5. Si a un usuario le falta un botón o módulo, revisa primero los permisos de su rol en Roles y Permisos.
  6. Si una tarjeta guardada sigue fallando después de esta actualización, pide al cliente que la elimine y la vuelva a agregar una vez.
↑