WITHMIA v1.0.2 — Planes, pagos y control total de tu suscripción

La v1.0.0 trajo la funcionalidad. La v1.0.1 trajo la personalización. Ahora, la v1.0.2 trae algo que transforma a WITHMIA de un producto en un negocio real: un sistema de pagos, planes y control de acceso profesional, diseñado para escalar.

Integración completa con Flow.cl

El corazón de esta actualización es la integración nativa con Flow.cl, la plataforma de pagos regulada en Chile. WITHMIA ahora procesa suscripciones, upgrades y cobros de miembros adicionales directamente, sin intermediarios manuales.

El flujo es simple para el usuario pero robusto por dentro:

1. El usuario elige su plan (mensual o anual)
2. Se redirige a Flow.cl con una orden de pago pre-configurada
3. Paga con tarjeta de crédito, débito, o transferencia bancaria
4. Un webhook confirma el pago y activa la suscripción automáticamente
5. La interfaz se actualiza al instante — funcionalidades Pro desbloqueadas

Detrás de escena, el nuevo FlowService gestiona la comunicación con la API de Flow.cl, incluyendo firma HMAC para seguridad, manejo de estados de pago (pendiente, pagado, rechazado, cancelado), y reintentos automáticos. Todo configurable por entorno con variables de ambiente.

Los precios para Chile incluyen IVA:

• WITHMIA Pro: $19.990/mes o $189.990/año (ahorro del 20%)
• Miembro adicional: $9.990/mes o $95.990/año por persona

Página de suscripción rediseñada

La página “Planes y facturación” fue completamente reconstruida siguiendo los estándares de diseño de plataformas como Stripe, ChatGPT y Linear.

Para usuarios con plan gratuito, la página muestra una comparativa lado a lado entre el plan Free y Pro con ocho categorías: canales disponibles, mensajes IA por mes, herramientas conectadas, modelos de IA, base de conocimiento, analíticas, miembros de equipo y nivel de soporte. Un toggle permite alternar entre precios mensuales y anuales con un badge que muestra el ahorro.

Para suscriptores Pro, la vista cambia a un dashboard de facturación con:

• Banner de estado con gradiente que muestra el plan activo, precio, ciclo de facturación y tamaño del equipo
• Tres tarjetas de estadísticas: período de facturación con fecha de próximo cobro, cantidad de miembros con desglose de incluidos vs extras, y costo total con detalle de base más adicionales
• Sección de método de pago con acceso directo al portal de Flow.cl
• Pills de funcionalidades que muestran todo lo incluido en el plan

La transición entre estados es dinámica — la misma página se adapta si eres usuario gratuito, si estás en trial, o si tienes una suscripción activa.

Gestión de equipo integrada en la facturación

Una de las decisiones más importantes de la v1.0.2: la invitación de miembros ahora vive dentro de la página de suscripción, no solo en la sección de Equipo.

¿Por qué? Porque agregar un miembro es un acto de facturación. Cada persona adicional tiene un costo, y el flujo debe reflejar eso:

1. Desde la sección de equipo en la página de suscripción, haces clic en “Invitar”
2. Ingresas el email, nombre opcional y rol (Agente o Administrador)
3. Haces clic en “Pagar e invitar” — se crea una orden en Flow.cl
4. Tras el pago exitoso, el webhook automáticamente:
   • Incrementa el max_agents de la suscripción
   • Crea la invitación en Chatwoot
   • Envía un email de invitación al nuevo miembro

La lista de miembros actuales y las invitaciones pendientes se muestran en tiempo real, con la opción de cancelar invitaciones no aceptadas. Para usuarios del plan gratuito, esta sección aparece bloqueada con un mensaje claro de que es una funcionalidad Pro.

Feature gating: cada plan tiene su lugar

La v1.0.2 introduce un sistema de control de acceso por plan que define qué puede hacer cada usuario según su suscripción.

En el sidebar, cuatro secciones aparecen con un candado y badge “Pro” para usuarios gratuitos:

• Conocimientos — Base de conocimiento RAG
• Calendario — Calendar Hub multi-proveedor
• Reportes — Dashboard de analíticas
• Equipo — Gestión de agentes y roles

Al hacer clic en cualquier sección bloqueada, el usuario es redirigido a la página de suscripción. Dentro de cada sección bloqueada, un prompt de upgrade con el botón “Actualizar a Pro” refuerza la conversión.

En la sección de integraciones, el gating es más granular:

• WhatsApp via QR es el único canal gratuito
• Email/Gmail, Instagram Direct, Facebook Messenger y WhatsApp Cloud API muestran un badge de candado “PRO” y redirigen a suscripción al intentar conectar
• Las herramientas de integración (WooCommerce, Shopify, Google Calendar, etc.) también requieren plan Pro

El sistema usa un flag isPro derivado del estado de la suscripción (active o trialing), lo que permite que los usuarios en período de prueba accedan a todas las funcionalidades.

Sistema de permisos por rol

Complementando el gating por plan, la v1.0.2 introduce un sistema de permisos granulares basado en roles:

• Superadmin: acceso total a todas las secciones y configuraciones
• Admin: gestión de equipo, integraciones, conocimientos y configuración
• Agente: acceso a inbox, conversaciones y funcionalidades asignadas

Los permisos controlan la visibilidad del sidebar, las acciones disponibles en cada sección, y lo que cada usuario puede modificar. Se cachean localmente con expiración para optimizar el rendimiento.

Sistema de tickets de soporte

Los usuarios ahora pueden crear tickets de soporte directamente desde la plataforma sin salir de WITHMIA. El sistema incluye:

• Creación de tickets con asunto y descripción
• Seguimiento de estado (abierto, en progreso, resuelto)
• Respuestas bidireccionales dentro del ticket
• Endpoint público con rate limiting para prevenir abuso

Accesible desde el menú de usuario en el sidebar, el soporte integrado elimina la fricción de tener que ir a un sitio externo para pedir ayuda.

Citas diarias mejoradas

El sistema de citas inspiracionales del dashboard \u2014 que muestra frases célebres de personajes históricos nacidos o fallecidos en la fecha actual \u2014 ahora limpia automáticamente los artefactos de Wikipedia. Las referencias como [1], [], [note 1] o [cita requerida] ya no aparecen en las biografías. También se normalizan los espacios dobles y los espacios antes de puntuación.

Mejoras de contraste visual

Aplicando teoría del color y directrices WCAG AA, se mejoraron los contrastes del tema por defecto en el dashboard de métricas:

• Track del gauge circular \u2014 de gray-100 a gray-200 para mayor visibilidad sobre fondo blanco
• Valor porcentual \u2014 text-gray-800 explícito para contraste ≥7:1
• Labels y texto descriptivo \u2014 de text-gray-400 a text-gray-500 para cumplir el mínimo WCAG AA (ratio ≥4.5:1)
• Borde de cards \u2014 opacidad completa para definición clara de límites

Navegación por enlace directo

Ahora es posible enlazar directamente a cualquier sección del dashboard usando query params en la URL. Por ejemplo, el botón “Contactar Soporte” del footer de la web lleva al usuario a app.withmia.com/dashboard?section=support, que redirige automáticamente a la sección de tickets sin pasos intermedios.

• Deep linking con ?section= — soporta support, subscription, chats, knowledge, y cualquier sección del sidebar
• Preservación de query params — el backend mantiene los parámetros al redirigir de /dashboard a /dashboard/{slug}
• Limpieza automática de URL — al cambiar de sección, los query params obsoletos se eliminan de la barra de direcciones
• Distinción preventa/postventa — el footer de la web diferencia correctamente entre el formulario de contacto (preventa) y el soporte integrado en la app (postventa)

Mejoras de seguridad

La v1.0.2 refuerza la seguridad en múltiples capas:

• Sanitización de inputs — Protección XSS con sanitizeText() que elimina tags de script, event handlers inline y URIs de JavaScript
• CSRF token manager — Singleton que gestiona tokens CSRF de forma centralizada
• Rate limiting client-side — Control de frecuencia de requests desde el frontend
• Verificación de webhooks — Flow.cl, Evolution API y Chatwoot usan verificación HMAC
• Secure storage — Wrapper seguro para localStorage con manejo de errores
• Escape de HTML — Codificación de entidades para prevenir inyección en renders dinámicos

Correcciones y mejoras técnicas

1. Notificaciones en tiempo real mejoradas con WebSocket via Reverb — sonidos, vibración y notificaciones de escritorio
2. Portal de pagos — Acceso directo desde la página de suscripción para gestionar método de pago en Flow.cl
3. URL auto-subscribe — Los parámetros ?plan=pro-monthly o ?plan=pro-annual inician el checkout automáticamente, útil para campañas de marketing
4. Código de referido — Sistema de descuentos con validación en tiempo real
5. FAQ integrado — Cinco preguntas frecuentes sobre facturación con acordeón colapsable

Lo que viene

La v1.0.2 establece el modelo de negocio de WITHMIA. Con pagos funcionando, el siguiente paso es claro: más valor para los suscriptores Pro. Estamos trabajando en analíticas avanzadas, templates de WhatsApp HSM, envío masivo de mensajes y nuevas integraciones de CRM.

Si ya usas WITHMIA, tu página de suscripción se actualizó automáticamente. Si estás en el plan gratuito, este es el mejor momento para probar Pro — cada funcionalidad que desbloqueamos tiene el objetivo de ayudarte a vender más y atender mejor.

Actualiza a WITHMIA Pro →