Este es el recorrido completo de un prospecto, desde que descubre KopTup hasta que es cliente con un proyecto activo. Cubre los dos caminos de venta: los sistemas RAG (producto principal) y las otras soluciones a medida.

La página empieza por el embudo principal (Sistemas RAG), que no pasa por el formulario "Solicitar demo". Después describe el flujo de solicitud y acceso a demos, que es el camino de las otras soluciones a medida y de las demos privadas de salud.

Páginas relacionadas: el producto está en Sistemas RAG y los cambios del sitio en Reposicionamiento RAG. La especificación técnica del flujo de demos está en Sistema de demos, las pantallas internas en Panel de administración y las pantallas del prospecto y del cliente en Portal del cliente.

El producto principal de KopTup son los sistemas RAG: una IA que responde con los documentos de cada empresa y cita la fuente (Sistemas RAG). Su embudo es corto: la demo es pública, la prueba con un documento propio pide solo el email y el siguiente paso es un Piloto pagado de 2 semanas. Lo que cambia en el sitio para soportarlo (landings, planes, demo y medición) está en Reposicionamiento RAG.

flowchart TD
  AD["Anuncio en Google Ads o LinkedIn"] --> LP{"Landing de destino"}
  ORG["Búsqueda orgánica, referido o WhatsApp"] --> LP
  LP -->|"Intención general"| R["/rag"]
  LP -->|"Intención por sector"| S["/rag/salud, /rag/legal o /rag/soporte"]
  S --> R
  R --> DP["Demo pública /demo/chatbot, sin registro"]
  S --> DP
  DP -->|"demo_start"| UP["Prueba con tu documento: email y autorización Ley 1581"]
  UP -->|"demo_upload y generate_lead"| LEAD["Lead con origen demo-rag"]
  LEAD --> AG["Agenda un piloto: llamada de 30 min"]
  R -->|"plan_click"| AG
  DP --> AG
  AG --> PI["Piloto RAG de 2 semanas"]
  PI --> INF["Informe de precisión con 50 preguntas"]
  INF --> PL{"¿Contrata en 30 días?"}
  PL -->|"Si, con 100 % del piloto descontado"| PLAN["Plan Esencial, Profesional o Empresarial"]
  PL -->|"No"| NUT["Nutrición y seguimiento comercial"]
  NUT -->|"Vuelve a mostrar interés"| AG

Ver diagrama como imagen

Precios (COP más IVA si aplica; USD fijos):

Pregunta adicional sobre el tope del plan: COP 250 / USD 0,08. Las tarifas de Meta por mensajes de WhatsApp se cobran aparte, al costo.

El flujo de solicitud de demos en el camino RAG solo acompaña la venta: la demo guiada con un comercial, la preparación del Piloto y, en la Fase 2, un acceso ampliado con más cupo, la marca del prospecto y datos de su sector.

El resto de esta página describe el flujo de solicitud y acceso a demos. Es el camino de venta de las "Otras soluciones a medida" (ERP, CRM, POS, LMS y los demás productos del catálogo) y de las demos privadas de salud (auditoría de cuentas médicas y sistema experto). Las tablas y el diagrama principal incluyen el camino RAG para mostrar dónde se cruzan los dos.

• Hay dos puertas de entrada.
  • RAG: /rag, las landings por sector y la demo pública del asistente, que no pide registro.
  • Otras soluciones a medida: /services y la landing /productos/<slug> de cada producto.
• Una sola forma de pedir una demo. El formulario Solicitar demo crea una solicitud (DemoRequest) y un Lead, y avisa al equipo.
• Una persona decide. Admin o comercial (sales) aprueba o rechaza desde Admin › Solicitudes de demo. El tiempo de respuesta se mide contra un SLA.
• El acceso se activa con un clic. La aprobación envía un enlace mágico (un solo uso, válido 72 h). El prospecto fija su contraseña y entra a Mis demos.
• El acceso se verifica en el servidor. Cada demo con acceso restringido se valida en el middleware de Next y en el backend. Ningún código de acceso queda en el navegador.
• Todo se mide. Se registra cuándo abre la demo, cuánto tiempo la usa y qué módulos ve. El comercial recibe avisos y el admin ve el embudo completo.
• El cierre va por una propuesta formal. Del uso de la demo se pasa a una propuesta, de ahí a contrato y anticipo, y luego a un proyecto en el portal de cliente que ya existe.

El sistema de solicitud y acceso a demos se usa sobre todo en el segundo y el tercer camino. En el camino RAG acompaña la venta: la demo guiada del asistente, la preparación del Piloto y, en la Fase 2, un acceso ampliado con más cupo y datos de su sector.

Va de punta a punta: descubrimiento, demo, propuesta y cliente. Los rombos son decisiones. Las ramas de expiración, extensión, recuperación (nutrición) y pérdida están en la parte baja.

flowchart TD
  A["Descubrimiento: Google, LinkedIn, referido, WhatsApp"] --> B["Inicio o catálogo /services"]
  B --> C{"¿Qué necesita?"}
  C -->|"IA con sus documentos"| R1["/rag o landing de sector"]
  C -->|"Otra solución a medida"| L1["Landing /productos/slug"]
  R1 --> D{"¿La demo es pública?"}
  L1 --> D
  D -->|"Si"| P1["Demo pública con banner Solicita tu demo guiada"]
  D -->|"No: solicitud o privado"| P2["Vista previa: capturas y video"]
  P1 --> P3["Prueba con tu documento: email y autorización Ley 1581"]
  P3 --> LD["Lead con origen demo-rag"]
  P1 -->|"Quiere acompañamiento"| F["Formulario Solicitar demo"]
  P2 --> F
  LD -->|"Agenda un piloto"| F
  P1 -->|"Agendar llamada"| CALL["Llamada con comercial"]
  F --> G["Solicitud pendiente + Lead + acuse con código"]
  G --> H["Aviso al equipo: email, WhatsApp, panel"]
  H --> I["Revisión en Admin: Solicitudes de demo, con SLA"]
  INV["Invitación directa del admin, demos privadas"] --> M
  I --> J{"¿Aprobada?"}
  J -->|"No"| K["Rechazo con motivo y alternativa: demo pública o llamada"]
  J -->|"Si"| M["Usuario prospect + un acceso DemoGrant por demo"]
  M --> O["Email con enlace mágico, válido 72 h"]
  O --> Q{"¿Activa la cuenta?"}
  Q -->|"No en 48 h"| Q2["Recordatorio y reenvío desde el panel"]
  Q2 --> Q
  Q -->|"Si"| S["Fija contraseña y entra al portal"]
  S --> T["Portal: Mis demos"]
  T --> U["Usa la demo con recorrido guiado, acceso verificado en servidor"]
  U --> V["Seguimiento: día 2, día 7, aviso al comercial"]
  V --> W{"¿Interesado?"}
  W -->|"Si"| X["Agenda llamada o solicita propuesta"]
  CALL --> X
  W -->|"Aún no"| Y["Faltan 3 días: recordatorio con propuesta, llamada o extensión"]
  Y --> Z{"¿Pide extensión?"}
  Z -->|"Si"| Z1["Comercial extiende el acceso"]
  Z1 --> U
  Z -->|"No"| EX["Acceso expirado y email de cierre"]
  EX --> NU["Nutrición: contenido, casos, nuevas ofertas"]
  K --> NU
  NU -->|"Vuelve a mostrar interés"| F
  NU -->|"Descarta o sin respuesta"| PE["Perdido, con motivo"]
  X --> PR["Propuesta: plan, compra o SaaS, COP o USD"]
  PR --> AC{"¿Acepta?"}
  AC -->|"Quiere ajustes"| PR
  AC -->|"No"| NU
  AC -->|"Si"| AN["Contrato y anticipo"]
  AN --> PJ["Proyecto + rol client + accesos convertidos"]
  PJ --> CL["Portal del cliente: proyectos, entregables, facturas, mensajes"]
  CL --> RP{"¿Fue un Piloto RAG?"}
  RP -->|"Si"| UP["Propuesta de plan Esencial, Profesional o Empresarial"]
  UP --> PR
  RP -->|"No"| REN["Soporte, renovación y nuevos productos"]

Ver diagrama como imagen

Muestra quién hace qué en el camino feliz: solicitud, aprobación, uso y cierre.

flowchart TD
  subgraph N["Notificaciones"]
    N1["Acuse al solicitante"]
    N2["Aviso al equipo"]
    N3["Email de invitación"]
    N4["Aviso de primer uso"]
    N5["Recordatorio 3 días antes"]
  end
  subgraph A["Admin / Comercial"]
    A1["Revisa la solicitud"]
    A2["Aprueba demos, vigencia y modo"]
    A3["Ve uso y salud del acceso"]
    A4["Prepara y envía propuesta"]
  end
  subgraph B["Backend (API)"]
    B1["Crea Lead, DemoRequest, puntaje y SLA"]
    B2["Transacción: User, DemoGrant, token, bitácora"]
    B3["Consume token y abre sesión"]
    B4["demo-access decide con la hora actual"]
    B5["Registra eventos de uso"]
    B6["Crea Project y cambia rol a client"]
  end
  subgraph W["Sitio web (Next)"]
    W1["Landing con vista previa y CTA"]
    W2["Formulario con Turnstile y consentimiento"]
    W3["Página de activación"]
    W4["Middleware verifica el pase de demo"]
    W5["Demo con barra de acceso"]
  end
  subgraph V["Visitante / Prospecto"]
    V1["Llega a la landing"]
    V2["Envía Solicitar demo"]
    V3["Abre el enlace y activa"]
    V4["Abre la demo desde Mis demos"]
    V5["Solicita propuesta"]
    V6["Acepta y paga anticipo"]
  end
  V1 --> W1 --> V2 --> W2 --> B1
  B1 --> N1
  B1 --> N2 --> A1 --> A2 --> B2 --> N3 --> V3 --> W3 --> B3
  B3 --> V4 --> W4 --> B4 --> W5 --> B5
  B5 --> N4 --> A3
  B5 --> N5 --> V5 --> A4 --> V6 --> B6

Ver diagrama como imagen

Las metas numéricas (por ejemplo, "≥ 90 % dentro del SLA") son metas iniciales a validar con datos reales después de 8 semanas de operación. No son resultados actuales.

• Fuentes: anuncios de Google y LinkedIn (con las etiquetas de la rama rag-reposicionamiento), búsqueda orgánica, referidos y WhatsApp.
• Trazabilidad: todos los enlaces de pauta llevan UTM. El formulario las guarda en la solicitud (source.utm) para saber qué canal trae clientes y no solo visitas.
• Mensaje: "IA que responde con los documentos de tu empresa". Las cifras son verificables: demo con IA real sin registro, respuestas con fuente citada, piloto en 2 semanas, equipo en Colombia.

• Producto RAG: su landing es /rag, con versiones por sector en /rag/salud, /rag/legal y /rag/soporte.
• Demás productos: cada uno tiene su /productos/<slug>, con propuesta de valor, para quién es, capturas, video corto, planes (compra o SaaS), FAQ y los dos CTA.
• Botón principal según el modo de acceso de la demo:
  • publico: "Probar la demo", más el secundario "Solicitar demo guiada".
  • solicitud: "Solicitar demo", con galería y video de vista previa.
  • privado: "Solicitar demo personalizada".

Detalle de la plantilla en Landing de producto.

• Demos públicas (publico):
  • Se abren sin cuenta.
  • Tienen el banner "Solicita tu demo guiada" y la barra con "Agendar llamada".
  • Sirven para captar prospectos y para SEO.
• Demo del asistente RAG (/demo/chatbot). La opción "Prueba con tu documento" (implementación en la rama rag-reposicionamiento):
  • Pide solo el email y la autorización de tratamiento de datos.
  • Admite un PDF, DOCX o TXT de hasta 5 MB y 30 páginas.
  • Permite 10 preguntas por documento.
  • Permite 3 documentos por IP al día y tiene un tope de gasto mensual (DEMO_MONTHLY_BUDGET_USD). Al alcanzarlo, la subida se apaga y aparece "Agenda una demo con nosotros".
  • Borra el documento a la hora.
  • Muestra el aviso "No subas información confidencial en la demo".
  • El email entra como lead con origen demo-rag por el mismo canal del formulario de contacto (hoy llega como un contacto más). Con el sistema de demos se unifica como Lead (canal demo_rag) y el comercial lo ve en Admin › Leads.
  • Detalle de límites, variables y Ley 1581 en Reposicionamiento RAG.
• Desde aquí el prospecto puede:
  • pedir una demo guiada o un piloto (formulario de solicitud);
  • agendar una llamada (agenda real, que reemplaza el mailto: actual).

El formulario Solicitar demo sirve para todo: es la página /solicitar-demo y también un modal en las landings y en las demos. Tiene 2 pasos.

• Paso 1: email corporativo, nombre, empresa y producto(s) de interés (precargados desde la landing).
• Paso 2:
  • cargo, teléfono o WhatsApp, país, tamaño de la empresa;
  • caso de uso, urgencia y preferencia (guiada o autoservicio);
  • autorización Ley 1581 obligatoria y sin marcar, y autorización de comunicaciones comerciales (opcional);
  • captcha Turnstile.
• Email personal: un Gmail no bloquea la solicitud, porque en LATAM muchas pymes lo usan. Solo baja el puntaje.
• Al enviar: el prospecto ve la confirmación con su código, qué pasa ahora y el tiempo de respuesta. Se le ofrece agendar una llamada de inmediato.

• Avisos al equipo: llegan por email y en el panel. Si el lead es grado A o B, también por WhatsApp.
• Bandeja:
  • Se ordena por el SLA más próximo y después por puntaje.
  • Indicador de SLA en verde, ámbar o rojo.
  • Vistas "Mis pendientes" y "SLA en riesgo".
• En el detalle, el comercial:
  • revisa la ficha del lead, el desglose del puntaje, los duplicados y si ya tiene un acceso activo;
  • aprueba: elige demos, vigencia (14 días por defecto), modo guiado o autoservicio, nota interna y mensaje al prospecto;
  • o rechaza: motivo y si se avisa o no al prospecto.
• Demos privado: solo el admin puede aprobarlas o dar invitación directa.

• Al aprobar, una sola operación atómica:
  • crea o vincula al usuario con rol prospect;
  • crea un acceso (DemoGrant) por cada demo;
  • genera el enlace mágico y deja programado el email.
• Cuenta existente: si el email ya tiene cuenta (por ejemplo, un cliente), no se le baja el rol ni se le envía enlace. Recibe el aviso "tienes nuevas demos" y entra con su sesión habitual.
• Abrir el enlace no gasta el token. El token se consume solo al pulsar "Activar mi acceso", porque los filtros de correo abren los enlaces antes que la persona.
• Si no activa en 48 h, se envía un único recordatorio. El comercial también puede reenviar la invitación desde el panel.

Mis demos (/dashboard/demos) muestra una tarjeta por cada acceso, con:

• estado y días restantes;
• botón Abrir demo;
• progreso del recorrido guiado;
• datos del comercial asignado;
• Solicitar propuesta, Agendar llamada y Pedir más tiempo.

Al abrir una demo restringida:

• El middleware de Next pide al backend la decisión de acceso (GET /api/demo-access/:demoSlug). Si hay acceso, deja un pase de demo de corta vida en una cookie httpOnly.
• Dentro de la demo, una barra fija dice "Demo con datos simulados · te quedan N días" y lleva los CTA.
• Si el acceso se revoca o vence mientras la demo está abierta, la pantalla se bloquea en pocos minutos. Las demos con backend real lo bloquean en la siguiente llamada.

Si alguien abre una demo solicitud o privado sin acceso, ve una pantalla con vista previa y la acción que le corresponde:

• sin sesión: "Solicitar acceso" o "Iniciar sesión";
• acceso vencido: "Pedir extensión";
• demo privada: "Solicitar demo personalizada".

• Avisos al comercial:
  • el primer acceso;
  • 20 minutos o más de uso;
  • cada acción clave;
  • cada vez que el prospecto pide propuesta, extensión o llamada.
• Secuencia automática al prospecto:
  • Día 2: si no activó, reenvío del enlace; si ya activó, "¿probaste…?".
  • Día 7: resumen de uso y CTA.
  • 3 días antes de vencer: recordatorio.
  • Al vencer: cierre.
• La secuencia se detiene si el prospecto agenda, pide propuesta, se da de baja o el acceso se convierte o se revoca.
• Panel: en Admin › Accesos el comercial ve la salud de cada acceso (verde, amarillo o rojo), los minutos de uso y la última actividad. Desde ahí extiende, revoca o convierte.

• Al pulsar "Solicitar propuesta" el Lead pasa a la etapa propuesta y se crea una tarea con plazo de 1 día hábil para el comercial.
• Fase 1: la propuesta se arma por fuera y se registra en el Lead.
• Fase 3: se arma en el panel como Quote ampliado. Lleva ítems por producto, plan y modalidad, y montos en COP o USD. Tiene enlace público con token, PDF, aceptación en línea y pago del anticipo. Ver Roadmap.
• Piloto RAG: cuesta COP 3.900.000 / USD 1.200. Si el cliente contrata un plan dentro de los 30 días siguientes, se le descuenta el 100 %.

• Con la propuesta aceptada y el anticipo pagado:
  • se crea el Project en estado planning;
  • el usuario pasa a client;
  • los accesos pasan a convertido y la demo queda disponible 90 días como referencia;
  • el Lead pasa a ganado.
• Desde ahí el cliente usa el portal que ya existe: proyectos, pedidos, facturas, entregables y mensajes. Ver Portal del cliente.
• Si fue un Piloto RAG, al terminar se le presenta la propuesta del plan Esencial, Profesional o Empresarial.

Admin › Métricas muestra:

• el embudo: visitas a landings → solicitudes → aprobadas → activadas → demo usada → propuesta → cliente;
• tiempos de respuesta;
• productos más pedidos;
• desgloses por fuente, país, grado y comercial.

journey
  title Experiencia del prospecto de KopTup
  section Descubrir
    Ve un anuncio o busca en Google: 3: Prospecto
    Lee la landing y los precios: 4: Prospecto
  section Probar
    Usa la demo pública: 5: Prospecto
    Llena Solicitar demo: 3: Prospecto
    Recibe acuse con código: 4: Prospecto
  section Acceder
    Espera la aprobación: 2: Prospecto, Comercial
    Activa con el enlace mágico: 4: Prospecto
    Sigue el recorrido guiado: 5: Prospecto
  section Decidir
    Recibe seguimiento útil: 4: Prospecto, Comercial
    Agenda llamada o pide propuesta: 4: Prospecto, Comercial
    Revisa la propuesta: 3: Prospecto, Comercial
  section Ser cliente
    Firma y paga el anticipo: 3: Prospecto
    Sigue su proyecto en el portal: 5: Cliente

Ver diagrama como imagen

Momentos de verdad (donde más se pierde a un prospecto, y qué se hace):

1. La espera de aprobación. El acuse promete el tiempo de respuesta y ofrece agendar de inmediato. El SLA se vigila con alertas.
2. La activación. Un solo botón, sin pedir datos de nuevo, y un recordatorio a las 48 h.
3. El primer uso. Recorrido guiado de hasta 5 pasos con datos del sector, y aviso al comercial para que llame mientras el interés está fresco.
4. El vencimiento. Recordatorio 3 días antes y extensión con un clic. Si el prospecto ya está en negociación, el acceso no se corta.

• Sistema de demos: modelos, estados, API, control de acceso, notificaciones y plan de implementación.
• Panel de administración: pantallas de solicitudes, accesos, leads, catálogo y métricas.
• Portal del cliente: Mis demos, activación y portal de cliente.
• Visión de producto · Comercial, marketing y legal · Roadmap