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.

Detalle para perfiles técnicos (opcional)

El navegador habla solo con el mismo dominio; el servidor reenvía al flujo n8n usando configuración privada en el alojamiento. Si esa configuración no está activa en un entorno concreto, al enviar verás un aviso claro en la demo.

Elige un tipo de negocio

Así la respuesta se adapta al contexto del sector

Asistente

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

Captura de la demo de automatización: conversación según el sector elegido. — Vista de referencia: el mensaje y el sector elegido se procesan en servidor; la respuesta la genera el flujo en n8n.

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.

Abrir certificado (PDF)

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.php del 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.