N8N Chat UI: un chatbot n8n integrado en tu web

N8N Chat UI permite diseñar la interfaz de un chatbot n8n e integrarla en una página web. Está pensado para quienes ya tienen un flujo de trabajo, o pueden configurarlo, y quieren ofrecer una ventana de conversación con la imagen de su marca.

Qué hace esta web, explicado sin tecnicismos

Imagina que n8n es quien trabaja detrás del mostrador y N8N Chat UI es la ventanilla que ve el visitante. El widget recoge el mensaje, lo envía a tu webhook y muestra la respuesta del flujo. Consultar pedidos, captar contactos o resolver dudas exige que esas acciones estén preparadas en el backend.

Es un producto independiente, sin afiliación con n8n. Su cometido es construir y conectar la interfaz, no crear por sí solo una automatización completa.

Cómo conectar el chatbot a tu página

1. Prepara un flujo operativo con Chat Trigger o Webhook y acceso para editar tu web.
2. Diseña el widget, revisa la vista previa y conecta la dirección del backend.
3. En respuestas sin streaming, devuelve HTTP 200 y JSON válido con el texto en output. Escapa correctamente las comillas del contenido generado.
4. Inserta el código facilitado y envía un mensaje de prueba. Comprueba la ejecución en n8n y el resultado visible en la página.

La guía de integración también admite endpoints POST propios. En WordPress puedes instalar y activar ChatUI Widget for n8n, guardar el Widget ID o webhook en Settings → N8N Chat UI y excluir las páginas donde no quieras mostrarlo.

Personalización para atención y captación

Colores, fuentes, avatares, bienvenida y botón de apertura se ajustan con vista previa en directo. Elige una ventana dentro del contenido o una burbuja flotante; hay diseño adaptable y soporte para escritura de derecha a izquierda.

Para atención al cliente o captación, el backend puede incluir followUpPrompts con siguientes preguntas pulsables. Si varias ventanas comparten un flujo, planifica las claves de sesión para separar contextos. Esa separación no sustituye la autorización de usuarios.

Archivos, voz y respuestas en streaming

Los archivos adjuntos se envían como datos binarios al flujo. Puedes limitar tipos, tamaño y cantidad; interpretar documentos o imágenes requiere procesamiento posterior.

La entrada de voz envía una grabación que tu backend debe transcribir antes de pasar el texto al agente. Con archivos o audio, metadata llega como una cadena JSON y necesita análisis para tratarse como objeto.

El streaming requiere activarse tanto en Chat Trigger/Webhook como en AI Agent. Cambiar el aspecto del widget no habilita la generación progresiva.

Prueba gratuita y modalidades de pago

Verificado el 28 de octubre de 2026: las cuentas nuevas reciben 100 créditos Managed durante 30 días. Después se compran créditos por adelantado; cada mensaje procesado por el proxy consume uno y, sin saldo, no se procesan mensajes nuevos. Los créditos comprados desde el 5 de octubre de 2026 no caducan según las condiciones actuales; los anteriores mantienen sus condiciones.

Standalone requiere una licencia de pago único y no consume créditos Managed. Para nuevas compras, distingue la licencia básica permanente de los periodos opcionales de soporte y actualizaciones. Consulta los precios y condiciones de compra: impuestos, promociones y moneda dependen del pago. n8n, los modelos y la transcripción tienen sus propios costes.

Datos y límites que conviene revisar

Standalone conecta el navegador directamente con tu webhook, visible en el código del cliente. Managed usa un proxy que oculta esa dirección y ofrece restricciones por dominio, geográficas, límites de frecuencia, analítica y gestión centralizada.

La política de privacidad declara que el proveedor no guarda ni registra el contenido de las conversaciones. El proxy sí lo procesa en tiempo real y conserva métricas técnicas y configuración. Revisa por separado el almacenamiento en tu n8n, bases de datos y proveedores de IA antes de enviar información sensible.

Preguntas frecuentes

¿Puedo integrarlo en una web que ya existe?

Sí, mediante código de inserción o el plugin oficial para WordPress. Necesitas permisos sobre la web y un backend configurado.

¿La herramienta crea también mi flujo de n8n?

No sustituye la configuración del flujo: modelos, datos y acciones siguen siendo responsabilidad de tu backend.

¿Se puede usar gratis de forma ilimitada?

Los 100 créditos iniciales duran 30 días. Después necesitas créditos Managed o una licencia Standalone, además de cubrir los servicios del backend.

Recursos oficiales

• Documentación del producto: configuración y sesiones.
• Plugin para WordPress: instalación y exclusión de páginas.
• Guía MCP: conexión OAuth o API key para listar, crear y personalizar widgets; editar el tema no cambia el webhook.
• Soporte oficial: consultas sobre cuenta e integración.