Automatización · n8n · Integración web
Automatización con n8n
Caso centrado en n8n para encadenar pasos entre sistemas y reducir trabajo manual cuando el flujo tiene un dueño claro y un mantenimiento acotado. En esta web hay una demo viva: eliges un sector y conversas; los mensajes salen del navegador hacia el propio sitio y desde ahí se enlaza con el flujo en n8n, sin mostrar al visitante enlaces internos ni la “dirección” del automatismo.
Demo interactiva
Elige un sector y mantén una conversación de prueba. Todo pasa por el servidor de esta web antes de llegar al flujo en n8n: el visitante solo ve la conversación, no los enlaces internos del automatismo.
Escribe tu mensaje en el campo de abajo
Antes de usar la demo
Esta conversación es solo una demostración técnica para mostrar cómo un flujo en n8n puede integrarse en la web. No introduzcas datos personales, identificativos ni confidenciales.
- Los ejemplos por sector (p. ej. veterinaria) usan datos ficticios; el asistente puede asumir nombres de mascota o citas de ejemplo.
- No se te pedirán datos reales para respetar la privacidad; lo que escribas se trata según la información legal del sitio.
Elige un tipo de negocio
Así la respuesta se adapta al contexto del sector
Asistente
Demo · no uses datos reales
No introduzcas datos personales. Es una prueba para mostrar el potencial del automatismo. Los resultados y citas mostradas pueden ser inventados. En escenarios como una clínica veterinaria, los nombres o citas son ficticios.
Detalle del día
Pulsa un día resaltado en color para ver aquí las citas de demostración.
Aviso legal de la demo: datos ficticios; no es una agenda clínica ni comercial real.
Demo · no uses datos reales
No introduzcas datos personales. Es una prueba para mostrar el potencial del automatismo. Los resultados y citas mostradas pueden ser inventados. En escenarios como una clínica veterinaria, los nombres o citas son ficticios.
Contexto
En muchos equipos el valor está en conectar avisos, datos y herramientas sin rehacer cada vez el mismo trabajo manual. n8n ayuda a modelar esos pasos de forma visible y revisable, siempre que alguien cuide versiones, accesos y que el flujo siga disponible. Este proyecto del portfolio reproduce esa idea en algo que se puede probar en vivo en la propia web.
Problema
Hacía falta un ejemplo concreto y honesto: la web como escaparate, un automatismo detrás que responda según el contexto y un límite claro entre “demo pública” y operación seria. Abrir el automatismo directamente desde el navegador del visitante habría implicado más riesgo y coste del necesario en un dominio personal.
Qué resolvía el sistema o proyecto
Una demo interactiva en esta ficha: eliges un tipo de negocio, conversas y cada mensaje sale del navegador hacia el servidor del sitio, que se comunica con el flujo en n8n. El visitante solo ve el diálogo; no ve enlaces internos ni la configuración del automatismo. Así se muestra integración real con límites de exposición razonables.
Evidencia y certificación
n8n + MCP: Automatización y agentes de IA inteligentes
Formación complementaria · documento oficial del curso
Formación alineada con integrar herramientas y decidir qué automatizar frente a desarrollar a medida.
La misma certificación aparece en experiencia → Certificaciones.
El sector elegido y el texto del visitante viajan de forma estructurada hasta el flujo para que pueda ramificar o combinar mensajes según el diseño del automatismo.
Mi rol
Diseño de la demo por sectores, acuerdo de datos entre la página y el servidor, enlace controlado hacia n8n, mensajes de error comprensibles para quien prueba la demo y límites de uso para evitar abuso. Actualización de la ficha con captura, certificado en PDF y redacción pensada para lectura rápida por quien evalúa perfiles.
Tecnologías
n8n (flujos automatizados), PHP 8, integración servidor–n8n, JavaScript ligero en la página, Apache.
Decisiones importantes
- Capa en servidor entre el navegador y n8n: la configuración sensible y la “dirección” del flujo no viajan al visitante.
- Datos mínimos y claros (sector, mensaje) para que el flujo pueda adaptar la respuesta sin acoplar la demo a un solo diseño de pantalla.
- Mensajes de error breves hacia quien usa la demo; el detalle queda en servidor.
- Límite de frecuencia en la demo pública para reducir uso indebido.
- Un solo canal oficial para esta demo; otras rutas técnicas del sitio permanecen cerradas al público.
Recorrido en una frase
El visitante escribe en la demo → el sitio valida y reenvía al flujo en n8n → la respuesta vuelve por el mismo sitio → solo se muestra el texto de la conversación.
Ampliación para perfiles técnicos
- El navegador envía datos al punto de entrada
/chat-handler.phpdel mismo dominio. - El servidor valida origen, sector permitido, longitud del mensaje y aplica un límite breve por IP.
- La conexión hacia n8n usa configuración privada en el alojamiento y canal cifrado (
https). - La respuesta se normaliza a texto para la demo; errores internos no se exponen al cliente.
Restricciones o NDA
La demo es una prueba funcional, no un servicio con garantías de producción: depende de que el flujo en n8n esté activo y alineado con lo que espera el sitio. No sustituye autenticación fuerte, cupos de uso ni monitorización de producto; sirve como ejemplo revisable en un proceso de selección.
Resultado o aprendizaje
Queda un caso acotado que muestra qué parte encaja en el propio sitio, qué delegar a n8n y cómo dejar claro el límite entre demo pública y operación real. La certificación MCP refuerza el contexto de integraciones y asistentes, en línea con el resto de la ficha.