Skip to content

Doc 03 Paginas Publicas

Jump to bottom Edit New page
github-actions[bot] edited this page Oct 14, 2026 · 2 revisions

Páginas públicas

Resumen. Esta página recorre, una por una, las páginas que cualquier persona ve sin iniciar sesión: el inicio, la página de sistemas RAG y sus tres landings por sector, servicios y planes, el hub de demos, los formularios de solicitud y de contacto, Nosotros, las landings de posicionamiento (SEO), la de Product Hunt, las páginas legales y la página de error 404. De cada una verás una captura, para qué sirve, sus bloques en orden, a dónde llevan sus botones y su título SEO real.

Para quién: el dueño (qué ve el cliente y qué le ofrece cada página) y un desarrollador (archivos, componentes y metadatos). Lo que la persona hace en estas páginas (probar la demo, pedir acceso, contactar, cookies, idioma) está paso a paso en Flujos del visitante.

Índice

  1. Vista general: todas las páginas públicas y a dónde llevan
  2. Elementos comunes: menú, pie de página, idioma, tema y cookies
  3. Inicio (/)
  4. Sistemas RAG (/rag)
  5. Landings por sector (/rag/salud, /rag/legal, /rag/soporte)
  6. Servicios y planes (/services)
  7. Hub de demos (/demo)
  8. Solicitar demo (/solicitar-demo)
  9. Contacto (/contact)
  10. Nosotros (/about)
  11. Landings SEO: /chatbots-ia, /soluciones-ia y /desarrollo-web-colombia
  12. Bienvenida de Product Hunt (/bienvenido-producthunt)
  13. Páginas legales (/privacy, /terms, /cookies)
  14. Página no encontrada (404)
  15. Para desarrolladores
  16. Limitaciones conocidas
  17. Páginas relacionadas

1. Vista general: todas las páginas públicas y a dónde llevan

Todas las páginas públicas empujan hacia cuatro destinos: la demo RAG (/demo/chatbot), los planes (/services#planes-rag), el formulario Solicitar demo (/solicitar-demo) y el formulario de contacto (/contact). El diagrama muestra los botones principales de cada página.

flowchart LR
    classDef pagina fill:#dbeafe,stroke:#2563eb,color:#1e3a8a
    classDef destino fill:#fef3c7,stroke:#d97706,color:#78350f
    classDef demo fill:#e0e7ff,stroke:#4f46e5,color:#312e81

    INICIO["Inicio"]:::pagina
    RAG["/rag Sistemas RAG"]:::pagina
    SECT["/rag/salud, /rag/legal, /rag/soporte"]:::pagina
    SEO["/chatbots-ia, /soluciones-ia, /desarrollo-web-colombia"]:::pagina
    PH["/bienvenido-producthunt"]:::pagina
    ABOUT["/about Nosotros"]:::pagina
    HUB["/demo Hub de demos"]:::pagina

    CHAT["/demo/chatbot Demo RAG"]:::demo
    DEMOS["/demo/slug Otras demos"]:::demo
    PLANES["/services#planes-rag Planes"]:::destino
    SOL["/solicitar-demo"]:::destino
    CONT["/contact"]:::destino

    INICIO -->|"Probar la demo"| CHAT
    INICIO -->|"Ver planes"| PLANES
    INICIO -->|"Solicitar cotización"| CONT
    INICIO -->|"Demos destacadas"| DEMOS
    RAG -->|"Prueba con tu documento (?mode=upload)"| CHAT
    RAG -->|"Agenda un piloto"| CONT
    RAG -->|"Elegir plan"| CONT
    RAG --> SECT
    SECT -->|"Prueba con tu documento (?mode=upload)"| CHAT
    SECT -->|"Salud: pedir la demo con invitación"| SOL
    SECT -->|"Agenda un piloto"| CONT
    SEO --> RAG
    SEO --> CONT
    SEO --> HUB
    PH --> HUB
    PH --> CONT
    ABOUT --> HUB
    ABOUT --> CONT
    HUB --> CHAT
    HUB --> DEMOS
    HUB -->|"Solicitar acceso"| SOL
    PLANES -->|"Plan elegido"| CONT
    CHAT -->|"Ver planes"| PLANES
Loading

Mapa de botones principales de las páginas públicas. El menú y el pie de página enlazan además a todas las secciones.

Ruta Para qué sirve Título SEO real (<title>) ¿Indexable?
/ Puerta de entrada con el mensaje RAG KopTup | IA que responde con los documentos de tu empresa Sí
/rag Página principal de sistemas RAG Sistemas RAG para empresas en Colombia | KopTup Sí
/rag/salud Landing de RAG para salud RAG para salud: protocolos, normativa y auditoría | KopTup Sí
/rag/legal Landing de RAG para áreas legales Buscar en contratos con IA: RAG para áreas legales | KopTup Sí
/rag/soporte Landing de RAG para soporte y manuales Asistente IA para manuales internos y soporte | KopTup Sí
/services Planes RAG y catálogo "Otras soluciones a medida" Precios de sistemas RAG y software a medida | KopTup Sí
/pricing Redirección permanente (308) (redirige a /services#planes-rag) —
/demo Hub con las demos y su modo de acceso Prototipos Interactivos: Prueba Antes de Contratar | KopTup Sí
/solicitar-demo Formulario para pedir demos Solicitar una demo guiada | KopTup Sí
/contact Formulario de contacto y cotización Contacto: Solicita tu Cotización Gratis | KopTup Sí
/about Quiénes somos Nosotros: estudio de software a medida en Bogotá | KopTup Sí
/chatbots-ia Landing SEO de chatbots RAG Chatbots RAG para WhatsApp y web | KopTup Sí
/soluciones-ia Landing SEO de soluciones de IA Soluciones de Inteligencia Artificial para Empresas | KopTup Sí
/desarrollo-web-colombia Landing SEO de desarrollo a medida Desarrollo Web y Software a Medida en Colombia | KopTup Sí
/bienvenido-producthunt Bienvenida a quien llega desde Product Hunt Product Hunt: Software a Medida con Demos | KopTup No (noindex, follow)
/privacy Política de privacidad Política de Privacidad | KopTup Sí
/terms Términos y condiciones Términos y Condiciones | KopTup Sí
/cookies Política de cookies y preferencias Política de Cookies | KopTup Sí
(cualquier ruta inexistente) Error 404 Página no encontrada | KopTup No (noindex)

Los títulos se tomaron de la página renderizada. El detalle de descripciones, canonical, JSON-LD y sitemap está en SEO, analítica y legal.

2. Elementos comunes: menú, pie de página, idioma, tema y cookies

Todas las páginas públicas comparten el menú superior y el pie de página (los pinta ConditionalLayout; el portal /dashboard y el panel /admin usan los suyos).

2.1 Menú superior (escritorio)

Menú superior anotado

Menú de escritorio para un visitante sin sesión.

  1. Logo KopTup: vuelve al inicio.
  2. Menú principal: Inicio, RAG, Planes y servicios (/services), Demos (/demo), Nosotros (/about) y Contacto. La sección actual se resalta en azul.
  3. Idioma (ES/EN): cambia entre español e inglés. Ver Flujos del visitante › Idioma y modo oscuro.
  4. Tema: alterna claro y oscuro (luna/sol).
  5. Solicitar demo: abre /solicitar-demo.
  6. Iniciar sesión: abre /login.
  7. Quiero esto: lleva a los planes (/services#planes-rag).

Con sesión iniciada, los botones 5–7 se reemplazan por el menú de la cuenta (avatar con el nombre). Sus opciones dependen del rol y se explican en Flujos del prospecto y cliente.

Al bajar por la página (o si la página abre ya desplazada, por ejemplo con un ancla como /services#otras-soluciones), el menú toma un fondo casi opaco (blanco en tema claro, gris oscuro en tema oscuro) y sus textos cambian de color para mantener el contraste sobre los encabezados azules.

2.2 Menú en el celular

Menú abierto en el celular

En el celular el menú se abre con el ícono de tres rayas: enlaces, Solicitar demo, Iniciar sesión, Quiero esto, Contáctanos, idioma y tema.

2.3 Pie de página

Pie de página anotado

El pie de página es igual en todas las páginas públicas, está traducido al inglés y muestra el año en curso (© 2026).

  1. Marca y redes: descripción corta ("Sistemas RAG y software a medida para empresas, desde Bogotá") y enlaces a LinkedIn (linkedin.com/company/koptup, la misma página que enlaza /contact) e Instagram. El perfil de X se quitó porque no existe, y el de GitHub porque github.com/koptup es una cuenta personal sin relación comprobable con KopTup.
  2. Servicios: Sistemas RAG (/rag), Desarrollo web a medida (/desarrollo-web-colombia), Chatbots RAG (/chatbots-ia), Soluciones de IA (/soluciones-ia), E-commerce y Aplicaciones Móviles (ambos a /services#otras-soluciones).
  3. Demos: Tienda en línea, Chatbot RAG, Dashboard ejecutivo, Gestor documental, Sistema de reservas y Todas las demos (/demo).
  4. Empresa: Nosotros, Planes y servicios, Contacto.
  5. Legal: Privacidad, Términos, Cookies.

2.4 Selector de idioma y tema

  • Idioma: el botón ES/EN guarda la cookie locale (1 año) y recarga la misma URL completa (ruta, parámetros y ancla) en el otro idioma: se conservan, por ejemplo, la demo elegida en /solicitar-demo?demos=…, el plan en /contact?service=…&plan=… y ?mode=upload. No hay rutas /es ni /en: la misma URL sirve los dos idiomas.
  • Tema: el botón de luna/sol cambia a modo oscuro o claro y lo recuerda en el navegador. Por defecto el sitio abre en tema claro.

El paso a paso con capturas en inglés y en modo oscuro está en Flujos del visitante › Flujo 6.

2.5 Banner de cookies

El banner aparece abajo en la primera visita solo si el sitio tiene configurada al menos una etiqueta de medición (Google Analytics 4, Google Ads o LinkedIn). Al revisar www.koptup.com el 9 de octubre de 2026 el banner no aparecía: el sitio publicado no tiene ninguna etiqueta configurada, así que tampoco se está midiendo nada. Cómo se ve cuando sí, y qué hacen "Aceptar", "Rechazar" y /cookies, está en Flujos del visitante › Flujo 5.

2.6 Cierre común de las demos

Todas las páginas bajo /demo (el hub y cada demo) terminan con el mismo bloque:

Bloque de cierre de las demos

"¿Te gustaría algo así para tu negocio?" con tres botones.

Botón Lleva a
Solicitar demo guiada /solicitar-demo?demos=<demo actual> (la demo queda elegida)
Solicitar Cotización /contact
Ver Planes y Precios /services#planes-rag

3. Inicio (/)

Inicio en escritorio

Primera pantalla del inicio a 1440 × 900.

Propósito: presentar a KopTup como proveedor de sistemas RAG (IA que responde con los documentos de la empresa y cita la fuente) y llevar al visitante a probar la demo o a ver los planes. Debajo muestra el resto de lo que KopTup construye.

Bloques en orden

Mapa de bloques del inicio

Página completa del inicio con sus bloques numerados.

# Bloque Qué muestra y para qué sirve
1 Menú Ver §2.1.
2 Hero Etiqueta "Sistemas RAG para empresas", título "IA que responde con los documentos de tu empresa", subtítulo ("Piloto con tus documentos en 2 semanas") y los dos botones principales.
3 Datos verificables Cuatro frases que KopTup puede respaldar: "Demo con IA real, sin registro", "Respuestas con fuente citada", "Piloto en 2 semanas" y "Equipo en Colombia". No hay cifras de clientes ni calificaciones.
4 Soluciones para Cada Industria Ocho demos destacadas (Chatbot RAG, Sistema experto para salud, E-Commerce, Dashboard Ejecutivo, Gestión de Proyectos, Gestor Documental, CMS Avanzado y Sistema de Reservas). Cada descripción dice qué hace la demo y si usa datos de ejemplo (sin "tiempo real" ni funciones que la demo no tiene). Cada tarjeta abre su demo; si la demo no es abierta, muestra su etiqueta (por ejemplo, Solo por invitación en Sistema experto para salud).
5 ¿Por qué elegir KopTup? Tres beneficios: soluciones a medida, tecnología de vanguardia y soporte continuo. Sin enlaces.
6 Servicios Tecnológicos Ocho servicios (e-commerce, chatbots e IA, integraciones API, software a medida, apps móviles, UX/UI, ciberseguridad, consultoría y nube) y el botón Conocer más.
7 Cierre "¿Listo para iniciar tu proyecto?" con dos botones.
8 Pie de página Ver §2.3.

Llamados a la acción

Botón o enlace Bloque Lleva a
Probar la demo Hero /demo/chatbot (demo RAG, modo "Prueba el asistente")
Ver planes Hero y cierre /services#planes-rag
Tarjetas de demos Soluciones para Cada Industria /demo/<demo>
Chatbots & IA Servicios Tecnológicos /services#planes-rag
Las otras 7 tarjetas de servicios Servicios Tecnológicos /services#otras-soluciones
Conocer más Servicios Tecnológicos /services
Solicitar cotización Cierre /contact

SEO: título absoluto KopTup | IA que responde con los documentos de tu empresa (la marca va primero solo aquí). Lleva datos estructurados de organización, sitio web, aplicación, negocio local y preguntas frecuentes.

En el celular

Inicio en el celular

El hero ocupa la pantalla y los botones se apilan a lo ancho.

4. Sistemas RAG (/rag)

Página /rag en escritorio

Primera pantalla de /rag.

Propósito: explicar en lenguaje simple qué es un sistema RAG, cómo funciona, cómo protege los datos y cuánto cuesta, y convertir con dos acciones: probar la demo o agendar un piloto. Es la página de destino de los anuncios.

Bloques en orden

Mapa de bloques de /rag

Página completa de /rag con sus diez bloques numerados.

# Bloque (ancla) Qué muestra
1 Hero (#que-es-rag) Etiqueta "Base de conocimiento con IA", título "Sistemas RAG para empresas en Colombia", definición en una frase, botones y la nota "Piloto con tus documentos en 2 semanas".
2 ¿Qué es RAG? Tres tarjetas: preguntas como a un colega, la IA busca en tus documentos (no en internet) y responde citando. Cierra con una analogía.
3 Casos de uso por sector (#casos) Tarjetas de Salud, Legal y Soporte, cada una con sus casos y un enlace a su landing.
4 Cómo funciona (#como-funciona) Diagrama de cuatro pasos (documentos → índice → búsqueda → respuesta con cita) y un ejemplo de respuesta con su fuente.
5 Seguridad y privacidad (#seguridad) Seis tarjetas: dónde se guardan los documentos, qué proveedor de IA se usa, qué se envía, que no se entrena con tus datos, control de acceso y qué pasa en la demo. Enlace a /privacy.
6 Cómo evitamos respuestas inventadas (#sin-respuestas-inventadas) Tres reglas (responde solo con tus documentos, cita la fuente, dice "no encontré esa información") y la medición con un informe de 50 preguntas en el piloto.
7 Integraciones (#integraciones) Google Drive, SharePoint, WhatsApp, bases de datos y APIs, con una nota sobre qué incluye cada plan.
8 Planes y precios (#planes-rag) La misma tabla de planes de /services (ver §6.1).
9 Preguntas frecuentes (#preguntas-frecuentes) Ocho preguntas: qué es RAG, diferencia con ChatGPT, si se entrena con tus datos, qué pasa si no encuentra la respuesta, formatos, WhatsApp, costo y tiempo. Los precios y plazos salen de la misma fuente que la tabla de planes.
10 Cierre "Prueba RAG con tu propio documento" con los dos botones.

Cómo funciona RAG, con el ejemplo de respuesta citada

Bloque 4: el diagrama de los cuatro pasos y el ejemplo de pregunta, respuesta y fuente.

Llamados a la acción

Botón o enlace Lleva a
Prueba con tu documento (hero y cierre) /demo/chatbot?mode=upload: la demo abre directamente en la pestaña "Prueba con tu documento"
Agenda un piloto (hero y cierre) /contact
Ver RAG para salud / legal / soporte /rag/salud, /rag/legal, /rag/soporte
Lee nuestra política de privacidad /privacy
Agenda tu piloto · Elegir Esencial · Elegir Profesional · Cotizar Empresarial /contact?service=sistema-rag&plan=<plan> (con el plan preseleccionado)

SEO: Sistemas RAG para empresas en Colombia | KopTup. Lleva datos estructurados de servicio (cada plan como oferta con su precio), preguntas frecuentes (las mismas 8 de la página) y migas de pan.

En el celular

/rag en el celular

En el celular los bloques se apilan en una columna.

5. Landings por sector (/rag/salud, /rag/legal, /rag/soporte)

Son tres páginas cortas con la misma estructura. Sirven para los anuncios y búsquedas de cada sector y llevan de vuelta a /rag para el detalle.

Mapa de bloques de /rag/salud

/rag/salud completa: es la única de las tres con enlace a una demo, que se pide "con invitación".

# Bloque Qué muestra
1 Hero Etiqueta del sector, título y subtítulo.
2 Casos de uso Tres casos numerados. En salud y legal termina con una nota de responsabilidad ("las decisiones clínicas / la interpretación jurídica siguen en manos de tus profesionales").
3 Enlace a una demo (solo salud) En el caso "Auditoría de cuentas médicas". Como la demo se abre solo por invitación, el enlace dice "Pedir la demo «Sistema experto para salud» (con invitación)", lleva a /solicitar-demo?demos=cuentas-medicas (con la demo ya elegida) y debajo explica que el equipo la habilita. Si el administrador la vuelve abierta en el catálogo, el enlace pasa a "Ver la demo…" y abre la demo; si requiere acceso, dice "Solicitar acceso…". Lleva la etiqueta de acceso que trae el catálogo.
4 ¿Cómo funciona un sistema RAG? Enlace Ver sistemas RAG para empresas → /rag.
5 Cierre "Pruébalo con tus documentos": Prueba con tu documento → /demo/chatbot?mode=upload y Agenda un piloto → /contact.
Landing Casos de uso Título SEO real
/rag/salud Protocolos clínicos · Normativa del sector · Auditoría de cuentas médicas RAG para salud: protocolos, normativa y auditoría | KopTup
/rag/legal Contratos · Conceptos jurídicos internos · Normativa Buscar en contratos con IA: RAG para áreas legales | KopTup
/rag/soporte Manuales · Políticas · Base de conocimiento para agentes Asistente IA para manuales internos y soporte | KopTup

/rag/legal en escritorio

Primera pantalla de /rag/legal.

/rag/soporte en escritorio

Primera pantalla de /rag/soporte.

6. Servicios y planes (/services)

Propósito: mostrar los precios. Arriba están los cuatro planes de sistemas RAG (el producto principal) y debajo el catálogo "Otras soluciones a medida", con la opción de comprar el software o pagar una suscripción mensual. La antigua /pricing redirige aquí (/services#planes-rag).

SEO: Precios de sistemas RAG y software a medida | KopTup, con datos estructurados de servicio profesional, de los planes RAG y migas de pan.

6.1 Planes RAG (/services#planes-rag)

Planes RAG anotados

Encabezado y tarjetas de los cuatro planes.

  1. Título "Planes y precios de sistemas RAG" con la nota "Precios en COP y USD, más IVA si aplica".
  2. Encabezado de cada plan: duración o tiempo de implementación, nombre y frase corta.
  3. Precio: setup (o pago único en el piloto) y mensualidad, en COP con su equivalente fijo en USD.
  4. Qué incluye y, en los planes con mensualidad, La mensualidad incluye.
Plan Tiempo Pago inicial Mensualidad Incluye (resumen)
Piloto RAG 2 semanas COP 3.900.000 (USD 1.200), pago único — 1 fuente, hasta 100 documentos, interfaz web con respuestas citadas, informe de precisión con 50 preguntas. Si contratas un plan en los 30 días siguientes, se descuenta el 100 % del piloto del setup.
Esencial 3–4 semanas COP 9.900.000 (USD 2.990) COP 1.490.000 (USD 450) 1 fuente (Drive, SharePoint o carga manual), hasta 1.000 documentos, widget web. Mensualidad: hosting, IA hasta 3.000 preguntas al mes, actualización de documentos, soporte lunes a viernes.
Profesional 6–8 semanas COP 24.900.000 (USD 7.490) COP 2.990.000 (USD 890) Hasta 3 fuentes y 10.000 documentos, web y WhatsApp, permisos por rol, panel de métricas. Mensualidad: hasta 15.000 preguntas al mes, soporte prioritario, revisión mensual de calidad.
Empresarial 10–14 semanas Desde COP 59.900.000 (USD 17.900) Según SLA Fuentes ilimitadas, despliegue en tu nube u on-premise, SSO, auditoría, código fuente incluido.

Precios tal como están en el código de main (apps/web/src/lib/rag-plans.ts); los USD son fijos, no se convierten con la TRM.

Botones de los planes y notas de precios

Parte baja de las tarjetas: botón de cada plan y el recuadro "Ten en cuenta".

  1. Agenda tu piloto → /contact?service=sistema-rag&plan=piloto
  2. Elegir Esencial → /contact?service=sistema-rag&plan=esencial
  3. Elegir Profesional → /contact?service=sistema-rag&plan=profesional
  4. Cotizar Empresarial → /contact?service=sistema-rag&plan=empresarial
  5. Ten en cuenta: los precios no incluyen IVA; cada pregunta adicional sobre el tope mensual cuesta COP 250 (USD 0,08); las tarifas de Meta por mensajes de WhatsApp se cobran aparte, al costo.

Cada clic en un botón de plan registra el evento plan_click (solo si el visitante aceptó cookies y hay etiqueta configurada). El formulario de contacto llega con el plan preseleccionado: ver Flujos del visitante › Flujo 1.

6.2 Otras soluciones a medida (/services#otras-soluciones)

Catálogo Otras soluciones a medida, anotado

Encabezado y controles del catálogo.

  1. Cómo escalamos: horario del equipo (lunes a viernes), cumplimiento de normas (ISO 27001, SOC 2 o HIPAA) como requisito de diseño del proyecto, sin certificación propia, y cotización personalizada para alcances mayores.
  2. Buscador por nombre o categoría.
  3. Modalidad: "Comprar el software" (setup + mantenimiento opcional; te entregan el código) o "Suscripción SaaS mensual" (lo hospeda KopTup). Viene marcada la suscripción.
  4. Moneda: COP o USD. Debajo, la nota "Precios fijados en COP. El valor en USD es una referencia calculada con una TRM de COP 3.300 por dólar".
  5. Filtros por categoría: Todos, Ventas, Finanzas, Operaciones, Productividad, Plataforma IA, Seguridad, HealthTech, Educación, Comercio, Soporte, DevTools, Voz IA, Datos y Engagement.
  6. Tarjeta de solución: categoría, nombre, frase, descripción y el precio "Desde" del nivel Profesional (setup único y mensualidad). Botones Ver más detalles (abre el detalle) y Probar demo (un enlace con estilo de botón, con la etiqueta "Requiere acceso" o "Solo por invitación" si aplica).

El catálogo muestra 26 soluciones. El chatbot RAG no aparece aquí porque lo reemplazan los planes RAG de arriba. Al final hay un bloque "¿No sabes cuál elegir?" con el botón Hablar con un experto → /contact.

Detalle de una solución

Detalle de "CRM con IA": modalidad, nivel, precios, qué incluye y límites.

El detalle permite cambiar la modalidad y el nivel (Básico, Profesional, Avanzado, Enterprise) y muestra el setup único, la mensualidad o el mantenimiento, qué incluye, los límites del nivel (usuarios, cuentas, volumen, almacenamiento), el soporte, el tiempo de implementación y los costos que paga el cliente directamente (nube, APIs). Termina con Cotizar este tier → /contact?service=<solución>&tier=<nivel>&modality=<modalidad> y Probar demo → /demo/<demo>.

Así llega a /contact quien pulsa Cotizar este tier en "CRM con IA", nivel Profesional, modalidad SaaS:

Contacto prellenado desde el catálogo

El banner dice "CRM con IA — Nivel Profesional · Suscripción SaaS mensual", el servicio queda elegido como "CRM con IA" y el mensaje menciona el nivel y la modalidad.

/contact entiende ?service= con cualquier solución del catálogo (muestra su nombre, en el idioma del visitante), &tier= (Básico, Profesional, Avanzado o Enterprise) y &modality= (Comprar el software o Suscripción SaaS mensual). Un servicio, nivel o modalidad desconocidos se ignoran: no se muestran identificadores técnicos. Al enviar, el lead guarda el texto legible en el servicio y los identificadores aparte (Contact.cotizacion).

Las cifras de "Otras soluciones" salen de apps/web/src/lib/services-catalog.ts. Son precios de referencia del catálogo; el plan comercial de cada solución está en las páginas Producto-* de la wiki.

En el celular

/services en el celular

En el celular las tarjetas de planes se ven una debajo de otra.

7. Hub de demos (/demo)

Hub de demos anotado

Encabezado del hub.

Propósito: reunir todas las demos y decir, para cada una, cómo se abre: abierta, con solicitud o solo por invitación. El modo real lo decide el catálogo del panel (Admin › Catálogo de demos); mientras carga se usa la tabla de respaldo del código.

  1. Título "Prueba Nuestras Soluciones" y subtítulo (dos demos usan IA real; las demás son prototipos con datos simulados).
  2. Leyenda de etiquetas: Abierta (verde), Requiere acceso (ámbar) y Solo por invitación (morado).
  3. Solicitar demo → /solicitar-demo.

Las tarjetas

Tarjetas: demo abierta y demo con solicitud

Una demo con solicitud (ERP, izquierda) junto a una abierta (Help Desk IA, derecha).

  1. Etiqueta Abierta.
  2. Probar Demo → abre la demo sin registro.
  3. Solicitar demo guiada → /solicitar-demo?demos=<demo> (para que el equipo la muestre en vivo).
  4. Etiqueta Requiere acceso.
  5. Solicitar acceso → /solicitar-demo?demos=<demo> con la demo ya elegida.
  6. Ya tengo acceso: iniciar sesión → /login?redirect=/demo/<demo> (al entrar vuelve a la demo).

Hay 26 tarjetas. Con la configuración de fábrica, 18 son abiertas y 8 requieren acceso (ERP, LMS, Telemedicina, WMS, HRMS, Voice AI, App de Delivery y Generador LinkedIn); el administrador puede cambiar cualquiera.

Situación de la demo Botón principal Botón o texto secundario
Abierta Probar Demo Solicitar demo guiada
Requiere acceso, visitante sin sesión Solicitar acceso Ya tengo acceso: iniciar sesión
Requiere acceso, con sesión pero sin acceso Solicitar acceso Ver detalles
Solo por invitación Solicitar demo personalizada Ya tengo acceso: iniciar sesión
Con acceso vigente (prospecto) Abrir demo "Te quedan N días"
Desactivada desde el panel Solicitar demo guiada "En mantenimiento"
Equipo de KopTup (admin, manager, sales) Abre todas —

Más demos y cierre

Más demos y bloque de demo personalizada

"Más demos": las dos que solo se abren por invitación.

  1. Sistema experto para salud (cuentas médicas) y 2. Sistema experto de auditoría médica: demos por invitación, fuera del catálogo principal, con Solicitar demo personalizada y Ya tengo acceso: iniciar sesión.
  2. Ya tengo acceso: Mis demos → /dashboard/demos (pide iniciar sesión).

Debajo está el cierre común de las demos (§2.6).

SEO: Prototipos Interactivos: Prueba Antes de Contratar | KopTup. Las demos con acceso restringido no se listan en el sitemap y su pantalla de acceso es noindex.

Hub en el celular

El hub en el celular, con la leyenda de etiquetas visible.

Qué ve el visitante al abrir una demo con acceso restringido: Flujos del visitante › Flujo 4. Cómo es cada demo por dentro: Guía de demos.

8. Solicitar demo (/solicitar-demo)

Solicitar demo en escritorio

Formulario "Solicitar demo" con la columna "Qué pasa después".

Propósito: que una persona pida una o varias demos (las que requieren acceso, las abiertas para verlas guiadas, o una por invitación) y deje sus datos con la autorización de tratamiento de datos (Ley 1581 de 2012).

Bloque Qué contiene
Migas y título Inicio › Solicitar demo, título y explicación ("si la aprobamos, te enviamos un enlace para entrar").
1. Demos que te interesan Botones de selección (máximo 10). Primero las que llegan elegidas por la URL (?demos=erp), luego las que requieren acceso y después las abiertas. Las de invitación solo aparecen si llegan elegidas.
2. Tus datos y tu caso Nombre*, Empresa*, Cargo, Email*, Teléfono o WhatsApp, País*, Tamaño de la empresa* (1-10 a 1000+) y Caso de uso* (10 a 2.000 caracteres, con aviso de no incluir datos de pacientes ni confidenciales).
Autorización Casilla obligatoria con enlace a la política de tratamiento de datos (/privacy).
Enviar solicitud Envía a la API; muestra la confirmación con un código DR-AAAA-XXXXXX.
Qué pasa después Tres pasos (revisión en horario hábil, enlace de acceso, Mis demos) y Escribir por WhatsApp con el mensaje ya escrito.
Privacidad "Usamos tus datos solo para gestionar esta solicitud…"

SEO: Solicitar una demo guiada | KopTup. El paso a paso, los errores y la confirmación están en Flujos del visitante › Flujo 2.

Solicitar demo en el celular

En el celular la columna "Qué pasa después" queda debajo del formulario.

9. Contacto (/contact)

Contacto en escritorio

Encabezado de /contact: "Hablemos de tu proyecto".

Propósito: recibir cotizaciones y preguntas generales. Es el destino de "Agenda un piloto", de los botones de los planes y de "Solicitar cotización".

# Bloque Qué contiene
1 Hero "Hablemos de tu proyecto" y "Listos para convertir tu visión en realidad. Agenda una consulta gratuita".
2 Banner "Estás cotizando" Solo si se llega con ?service=: muestra el servicio y el plan (por ejemplo "Sistema RAG — Plan Esencial") y la etiqueta "Solicitud pre-llenada".
3 Formulario "Envíanos un Mensaje" Nombre*, Email*, Teléfono, Empresa, Servicio de interés* (Sistema RAG, E-Commerce, Chatbot con IA, Desarrollo Web, Desarrollo Móvil, Integraciones API, Diseño UX/UI, Consultoría, Otro), Presupuesto estimado en pesos colombianos sin IVA (menos de COP 5.000.000; 5 a 15; 15 a 30; 30 a 60; más de COP 60.000.000, coherentes con los planes), ¿Cuándo quieres empezar? (4 opciones, se guarda con el contacto), Cuéntanos sobre tu proyecto*, la casilla obligatoria de autorización de tratamiento de datos (Ley 1581 de 2012, con enlace a /privacy) y Enviar mensaje. Sin la casilla marcada no se envía. Si el envío falla, el aviso dice qué pasó: demasiados envíos seguidos, sin conexión o el campo que el servidor rechazó, que queda marcado con su motivo.
4 Datos de contacto Email, teléfono, ubicación en Bogotá (abre Google Maps) y horario (lunes a viernes, 8 a. m. a 6 p. m.).
5 Síguenos en redes WhatsApp y LinkedIn (linkedin.com/company/koptup, la misma del pie).
6 Agendar Llamada "Agenda una consulta gratuita de 30 minutos": Agendar ahora abre el programa de correo con un mensaje ya escrito.
7 Preguntas Frecuentes Tiempo de respuesta (24 horas hábiles), garantía (de 30 a 90 días según el contrato, como dicen los términos) y cómo empezar en pequeño (piloto RAG o nivel Básico).
8 Mapa Mapa de Google embebido con la ubicación.

A dónde llega el mensaje: se guarda como contacto (origen contact-form, con el plazo, la prueba de la autorización y, si venía de un plan o de "Cotizar este tier", lo que se cotizaba), avisa al equipo por correo y WhatsApp si están configurados, y aparece en Admin › Contactos. Paso a paso en Flujos del visitante › Flujo 3.

SEO: Contacto: Solicita tu Cotización Gratis | KopTup.

Contacto en el celular

En el celular el formulario va primero y los datos de contacto debajo.

10. Nosotros (/about)

Nosotros en escritorio

Hero de /about: la marca KopTup, qué hace el estudio y cuatro datos que se pueden comprobar en el propio sitio.

Propósito: presentar al equipo y su forma de trabajar solo con datos verificables: lo que está publicado en el sitio (demos, planes y precios) o lo que se formula como servicio a construir. No hay años de experiencia, año de fundación, cifras de clientes ni casos sin respaldo; si el dueño los aporta con su respaldo, se pueden publicar.

# Bloque Qué muestra
1 Hero "KopTup", qué hace el estudio, botones Ver las 26 demos (/demo) y Hablar con nosotros (/contact) y cuatro datos: demos que se pueden probar, planes RAG con precio publicado, piloto RAG de 2 semanas y equipo en Bogotá.
2 Lo que puedes comprobar hoy Cinco tarjetas, cada una enlaza a donde se comprueba: las demos (/demo), los precios publicados (/services), el piloto RAG (/services#planes-rag), la demo con tu documento (/demo/chatbot?mode=upload) y la base en Bogotá (/contact).
3 ¿Quiénes somos? "Un equipo técnico, no una agencia": el estudio de Ronald Cipagauta, las dos modalidades (a medida o suscripción) y el stack del sitio.
4 Equipo El fundador (con sus iniciales, sin foto de banco de imágenes) y la red de colaboradores.
5 Tecnologías "Lo que usa este sitio" (24, todas usadas en el código del repositorio; no se listan librerías instaladas que el código no usa) y "Si tu proyecto lo necesita" (se evalúan al cotizar).
6 IA: lo que puedes probar y lo que construimos Tres cosas que funcionan hoy en las demos (RAG con tu documento, asistentes configurables y redacción con IA, con su etiqueta de acceso) y una lista de lo que se implementa en un proyecto, con la nota "no son productos listos".
7 Sectores con demo Nueve sectores, cada uno con la demo que lo muestra y su etiqueta de acceso.
8 Cómo trabajamos Ocho pasos de un proyecto a medida; el soporte es el que defina el plan o el contrato.
9 Cómo nos coordinamos contigo Herramientas de reuniones, mensajes, código, documentación, tareas y archivos.
10 Cierre "¿Empezamos?" con Ver las 26 demos y Hablar con nosotros.

Datos verificables de Nosotros

"Lo que puedes comprobar hoy": cada tarjeta lleva a la página donde se comprueba el dato.

SEO: Nosotros: estudio de software a medida en Bogotá | KopTup. La página está en español e inglés (messages › aboutPage).

11. Landings SEO: /chatbots-ia, /soluciones-ia y /desarrollo-web-colombia

Tres páginas pensadas para búsquedas en Google. Las tres llevan migas de pan, preguntas frecuentes con datos estructurados y un cierre con botones.

/chatbots-ia

/chatbots-ia en escritorio

"Chatbots RAG para WhatsApp y web", con el precio desde el que arranca.

Bloque Contenido
Hero Título, explicación (responde con los documentos de la empresa y cita la fuente, en web y WhatsApp), Prueba con tu documento (/demo/chatbot?mode=upload), Agenda un piloto (/contact?service=sistema-rag&plan=piloto), precio "Desde COP 9.900.000, o piloto de COP 3.900.000" y enlace a /rag.
Datos verificables Las mismas cuatro frases del inicio.
Qué hace un chatbot RAG "Un chatbot que responde con tus documentos, no de memoria".
Canales Sitio web y WhatsApp.
Casos de uso Soporte, salud y legal, con enlace a cada landing por sector.
Proceso "¿Cómo implementamos tu chatbot?", con plazos alineados con los planes.
Preguntas frecuentes Mismo texto que el JSON-LD.
Cierre Prueba con tu documento (/demo/chatbot?mode=upload), Agenda un piloto y Ver planes y precios (/services#planes-rag).

SEO: Chatbots RAG para WhatsApp y web | KopTup.

/soluciones-ia

/soluciones-ia en escritorio

"Soluciones de IA para Transformar tu Empresa".

Hero con Ver Demos de IA (/demo), Hablar con un Experto (/contact) y el aviso "¿Necesitas una IA que responda con los documentos de tu empresa? Conoce los sistemas RAG" (/rag); cuadrícula de soluciones con los sistemas RAG primero (enlaces a /rag y /chatbots-ia); por qué adoptar IA; tecnologías de IA (OpenAI "En la demo RAG"; las demás marcadas "Según tu proyecto"); preguntas frecuentes; cierre con Agendar Consultoría Gratis (/contact) y Ver Demos de IA.

SEO: Soluciones de Inteligencia Artificial para Empresas | KopTup.

/desarrollo-web-colombia

/desarrollo-web-colombia en escritorio

"Empresa de Desarrollo Web y Software a Medida en Colombia".

Hero ("Trabajamos de forma remota desde Bogotá, en español e inglés"), Solicitar Cotización Gratis (/contact) y Ver Demos (/demo); datos verificables; qué se puede desarrollar (sin modelos de IA que no se usan ni "tiempo real"); por qué KopTup (avances semanales y tiempos acordados en la propuesta, sin "garantizamos el resultado"); cómo trabajan; tecnologías (primero las del sitio, luego las que se definen por proyecto); preguntas frecuentes (sin lista de ciudades o países con clientes); cierre con Solicitar Cotización Gratis (/contact) y Ver planes y precios (/services).

SEO: Desarrollo Web y Software a Medida en Colombia | KopTup.

12. Bienvenida de Product Hunt (/bienvenido-producthunt)

Bienvenida de Product Hunt

Página para quien llega desde Product Hunt, en los colores de esa plataforma.

Propósito: recibir el tráfico de Product Hunt. La oferta de lanzamiento (15 % de descuento, válida 30 días desde el lanzamiento de febrero de 2026) ya venció y la página lo dice; en su lugar muestra el precio publicado del piloto RAG.

Bloques: bienvenida con los precios publicados y botones Probar las demos → (/demo) y Solicitar cotización (/contact); "¿Qué es KopTup?" (sin "GPT-4 y Claude", sin "clientes en todo el mundo" ni plazos sin respaldo); cuatro demos destacadas (chatbot, tienda, tablero y proyectos, cada una aclara si usa datos de ejemplo) y Ver todas las demos (26 en total); datos verificables; cierre con Hablar con el equipo (/contact) y Ver precios (/services#planes-rag).

SEO: Product Hunt: Software a Medida con Demos | KopTup, con noindex, follow: no aparece en Google; solo se llega por el enlace directo. Está en español e inglés (messages › productHuntPage).

13. Páginas legales (/privacy, /terms, /cookies)

Las tres tienen un encabezado azul con la fecha de actualización, secciones numeradas en tarjetas y una nota final con el año en curso (© 2026). Tratan al lector de tú, como el resto del sitio. En /cookies, al guardar las preferencias la confirmación aparece en la misma página (ya no es una ventana del navegador). Su contenido legal (Ley 1581 de 2012, cookies, datos de contacto del responsable) se analiza en SEO, analítica y legal.

Política de privacidad

/privacy: versión de la política, responsable del tratamiento, 10 secciones numeradas y "Tus derechos".

Página Secciones Título SEO real
/privacy Responsable del tratamiento · Qué datos recogemos y para qué · Con quién compartimos tus datos · Cuánto tiempo los guardamos · Cómo los protegemos · Autorización y datos sensibles · Tus derechos (con los plazos de la Ley 1581) · Cookies y almacenamiento del navegador · Transferencias internacionales · Menores de edad · Cambios · Contacto Política de Privacidad | KopTup
/terms Te damos la bienvenida · Aceptación · Servicios · Precios y pagos · Propiedad intelectual · Confidencialidad · Plazos y entregas · Garantías · Soporte · Terminación · Ley aplicable · Acuerdo completo · Contacto Términos y Condiciones | KopTup
/cookies Qué son · Cookies y datos del navegador que usamos (tabla con el nombre real de cada cookie o clave, quién la pone, para qué y cuánto dura, en tres grupos: necesarias, medición y publicidad, estas dos con interruptor) · Tus preferencias · Cómo controlarlas · Cookies de terceros · Cambios · Contacto Política de Cookies | KopTup

Términos y condiciones

/terms: términos de servicio en 12 secciones.

Política de cookies

/cookies: además de la política, es el panel de preferencias de cookies (ver Flujo 5).

14. Página no encontrada (404)

Página 404

Cualquier ruta que no existe muestra esta tarjeta con el menú y el pie de página.

Muestra "Página no encontrada", el título "No encontramos lo que buscas", la explicación y dos botones: Ir al inicio (/) y Volver (página anterior). Responde con estado HTTP 404, título propio («Página no encontrada | KopTup»), un solo meta robots (noindex) y sin canonical. Una demo con un nombre inexistente bajo /demo-acceso/ también termina aquí.

15. Para desarrolladores

Página Archivo de la ruta Componente principal Metadatos
/ apps/web/src/app/page.tsx components/home/HomeContent.tsx, HomeHighlights.tsx title.absolute = HOME_TITLE (lib/site.ts); description y og en app/layout.tsx
/rag app/rag/page.tsx components/rag/RagPageContent.tsx, RagPlans.tsx generateMetadata('rag') + título absoluto; JSON-LD en lib/rag-plans-jsonld.ts y lib/rag-page-jsonld.ts
/rag/<sector> app/rag/{salud,legal,soporte}/page.tsx components/rag/RagSectorLanding.tsx generateMetadata('rag-<sector>'); datos en lib/rag-page.ts
/services app/services/page.tsx y layout.tsx components/offerings/RagPlansSection.tsx, OfferingsCatalog.tsx generateMetadata('services'); precios en lib/rag-plans.ts y lib/services-catalog.ts
/pricing app/pricing/page.tsx Redirección permanente (permanentRedirect, 308) —
/demo app/demo/page.tsx y layout.tsx components/demo/demo-cards.ts, DemoAccessBadge.tsx, DemoCTA.tsx generateMetadata('demo'); catálogo vía GET /api/demo-catalog (lib/demo-system.ts)
/solicitar-demo app/solicitar-demo/page.tsx components/demo-request/DemoRequestForm.tsx generateMetadata('solicitar-demo')
/contact app/contact/page.tsx (la página misma); la cotización de la URL la lee lib/contact-quote.ts generateMetadata('contact') en layout.tsx
/about app/about/page.tsx (la página misma; textos en aboutPage) generateMetadata('about')
Landings SEO app/{chatbots-ia,soluciones-ia,desarrollo-web-colombia}/ La página de cada ruta generateMetadata(...) + JSON-LD en lib/chatbots-page-jsonld.ts, lib/ai-solutions-page-jsonld.ts y el layout.tsx de la ruta
/bienvenido-producthunt app/bienvenido-producthunt/ La página (textos en productHuntPage) Metadatos propios con robots: noindex, follow
Legales app/{privacy,terms,cookies}/ La página de cada ruta generateMetadata(...)
404 app/not-found.tsx components/errors/BackButton.tsx generateMetadata propio: título, sin canonical, sin robots heredado
Menú, pie y banner components/layout/{Navbar,Footer,ConditionalLayout}.tsx, components/consent/CookieBanner.tsx — —
  • Textos: apps/web/messages/es.json y en.json, más los agregados _demos.*.json y _offerings.*.json (incluyen ragPage, ragSectors y ragPlans).
  • Títulos: lib/seo-config.ts define el título de cada página; la plantilla es "%s | KopTup" y el máximo 60 caracteres (lo revisa scripts/check-titles.mjs).
  • Modo de acceso de las demos: la fuente de verdad es el catálogo del backend; lib/demo-access-defaults.ts es la tabla de respaldo. El sitemap lista las demos abiertas y activas según el catálogo (lib/sitemap-demos.ts) y usa la tabla solo si el backend no responde.
  • Redes sociales: SOCIAL_LINKS en lib/site.ts (pie, /contact y JSON-LD).

16. Limitaciones conocidas

# Dónde Qué pasa Efecto
1 /privacy, /cookies La tabla de /cookies no coincide con los nombres reales de las cookies y el texto de /privacy debe revisarse frente a la Ley 1581 (ver Flujo 5 y SEO, analítica y legal). Política desactualizada en esos puntos.
2 Pie de página El perfil de Instagram (instagram.com/koptup) no se pudo comprobar sin iniciar sesión; el de LinkedIn sí es la página de KopTup. El pie no enlaza GitHub: github.com/koptup no es de KopTup. Falta que el dueño confirme Instagram y, si la empresa tiene una cuenta de GitHub propia, que la agregue.
3 Capturas La captura anotada del pie de página y las del menú son anteriores a esta ronda: todavía muestran el ícono de X y los enlaces del pie en su redacción anterior. Detalle visual de la documentación.
4 /about Solo publica lo que se puede comprobar en el sitio: no hay año de fundación, años de experiencia, clientes, casos ni cifras, y la foto del encabezado es de un banco de imágenes (no es el equipo). Para publicarlos, el dueño debe aportar esos datos (con permiso de los clientes para nombrarlos) y, si quiere, una foto real del equipo.

Las correcciones de esta ronda (embudo con ?mode=upload, /rag/salud con invitación, "Cotizar este tier", idioma que conserva la URL, fondo del menú, presupuesto en COP, LinkedIn único, botones de /desarrollo-web-colombia, enlaces del catálogo, /register sin el plan "Agente IA de Ventas" ni precios que no están publicados, garantía de /contact igual a la de los términos, franjas por la barra de desplazamiento, títulos y metadatos, Nosotros y Product Hunt en inglés, páginas legales con tú y el año en curso) se describen en las secciones de arriba.

17. Páginas relacionadas

Fuente: carpeta docs/wiki/ del repositorio de KopTup · Se publica en esta wiki con el workflow wiki-sync (.github/workflows/wiki-sync.yml) · Actualizado: 2026-10-09

Inicio · Estado y próximos pasos · Correcciones pendientes

Documentación (lo que existe hoy)

Estrategia

Cliente y demos

Sitio

Productos

Plataforma

Roadmap

Clone this wiki locally