Recursos · Integración n8n

Nodo HTML n8nConfigura HTML en n8n.

El nodo HTML n8n escribe marcado y también lo lee. Convierte los datos que circulan por un flujo en una página, y saca valores limpios de una página que ya existe. Tres operaciones cubren todo, no hay cuenta que conectar y se ejecuta sobre cada item que le llega.

Probar el nodo HTML en n8nVer las 3 operaciones

Reseñas verificadas en Trustpilot · Agencia de IA, automatización y growth

Por qué automatizar

¿Para qué sirve el nodo HTML n8n?

Viene incluido con n8n y cubre los dos sentidos del marcado. En un sentido construye una página con los datos que ya viajan por el flujo. En el otro lee HTML, ya llegue como texto dentro de un campo JSON o como archivo binario .html, y devuelve los valores que tú señales. Un desplegable Operation, tres opciones, y el panel cambia según la que elijas.

El nodo apareció en n8n 0.213.0 y sustituyó al antiguo nodo HTML Extract. De ahí la forma del panel: la extracción existía primero, y después se le añadieron el renderizado de plantillas y la conversión a tabla. El catálogo lo sitúa en la versión 1, así que un flujo antiguo puede mostrar un panel más corto, y un nodo nunca cambia de versión por su cuenta.

Vigilar una página pública. Una ejecución programada descarga la página con HTTP Request, se la pasa a Extract HTML Content y nombra una clave por selector CSS: un precio, un título, una etiqueta de disponibilidad. Lo que sale es un item plano, listo para guardarse en Google Sheets sin escribir código intermedio.

Mandar un resumen legible. Generate HTML template toma los campos de cada item y los coloca dentro del marcado que tú controlas, expresiones incluidas. El documento resultante viaja como cuerpo de un mensaje de Gmail. Cuando el diseño da igual, Convert to HTML Table hace lo mismo sin escribir marcado: imprime los items como tabla y deja el estilo en manos de los atributos.

Leer un adjunto. Llega un informe en .html, el campo binario entra en Extract HTML Content con Source Data en binary, y dos selectores bastan para sacar las cifras que importan. Después, If decide si el item merece una alerta o se archiva sin más.

Los límites se cuentan rápido. El nodo no descarga nada, la página tiene que llegar ya descargada. Tampoco ejecuta JavaScript: las etiquetas script de una plantilla se copian tal cual en la salida, lo que también significa que una página que arma su contenido en el navegador no le dará nada a un selector. Y una plantilla alimentada con valores sin revisar abre un agujero de cross-site scripting, así que mira lo que inyectas antes de renderizar. Si quieres montar esto de principio a fin, el Curso n8n pasa por aquí.

Acciones

¿Qué operación del nodo HTML necesitas?

El nodo HTML expone 3 operaciones. Para cada una: el nodo tal como lo configuras en n8n, los campos obligatorios y nuestras notas de campo.

01

Generate HTML template

generateHtmlTemplate

Lo que ves en n8n

Notas y casos de uso

Escribes el marcado una vez y la operación lo renderiza para cada item que pasa por el nodo, así que lo que sale es un documento terminado. HTML estándar, CSS dentro de una etiqueta style y expresiones entre {{}} conviven en la misma plantilla.

Parámetros clave

  • HTML Template: el marcado que se va a renderizar. Los valores llegan del nodo anterior con una expresión del tipo {{ $json.total }}. Lo que esté dentro de una etiqueta script se conserva en la salida, pero n8n no lo ejecuta.
Casos de uso
un informe con formato propio enviado como cuerpo de correo. Revisa lo que inyectas: un valor sin validar abre un agujero de cross-site scripting.
02

Extract HTML Content

extractHtmlContent

Lo que ves en n8n

Notas y casos de uso

Dale a esta operación una página y una lista de selectores, y devuelve un campo por selector en el item de salida.

Parámetros clave

  • Input Binary Field: obligatorio, el nombre del campo binario de entrada que contiene el archivo a extraer.
  • Source Data: binary para un archivo, json para HTML guardado ya en una propiedad.
  • Extraction Values: una entrada por valor, con una Key, un CSS Selector como .price y un Return Value entre text, html, attribute y value. Attribute señala cuál leer, Skip Selectors descarta partes de la página, Return Array separa las coincidencias.
  • Trim Values y Clean Up Text: quitan espacios y saltos de línea sobrantes.
Casos de uso
sacar el precio y el título de un catálogo.
03

Convert to HTML Table

convertToHtmlTable

Lo que ves en n8n

Notas y casos de uso

Aquí no hay nada que rellenar. La operación espera datos de otro nodo e imprime los items como una tabla, una columna por campo. Todo el ajuste vive en sus opciones.

Parámetros clave

  • Capitalize Headers: activado, las cabeceras de la tabla salen en mayúscula.
  • Custom Styling: activado, se aplica tu propio estilo en vez del estilo por defecto.
  • Caption: una leyenda añadida a la tabla.
  • Table Attributes, Header Attributes, Row Attributes y Cell Attributes: los atributos que se enganchan a la tabla, a sus cabeceras, a sus filas y a sus celdas, un atributo de estilo por ejemplo.
Casos de uso
un resumen diario cuyas columnas cambian a menudo, donde una plantilla escrita a mano habría que retocarla cada semana.
Necesitas ayuda

¿Necesitas ayuda para automatizar HTML con n8n?

El equipo te responde directamente.

Cada mensaje lo lee una persona.

FAQ

Dudas frecuentes sobre el nodo HTML

01¿El nodo HTML es gratis en n8n Cloud y en autoalojado?
Sí. Es un nodo core, incluido con n8n: no hay nada que instalar ni coste adicional por parte de n8n. Se comporta igual en n8n Cloud, la oferta alojada por n8n, y en una instancia que alojes tú con Docker o npm, en Community Edition bajo licencia Sustainable Use. Un flujo construido en un sitio funciona idéntico en el otro. Lo único que cambia entre instancias es la versión de n8n instalada, que decide qué opciones aparecen dentro del panel del nodo.
02¿Qué credenciales hace falta configurar para el nodo HTML?
Ninguna. No hay credential que crear ni selector Authentication en el panel, porque el nodo trabaja sobre datos que ya están dentro del flujo en lugar de llamar a un servicio. No hay nada que preparar del lado de la cuenta. Lo que sí necesita es una entrada: se ejecuta sobre cada item que le llega y no abre un flujo por sí solo, así que delante tiene que haber un disparador. Vale un Schedule Trigger, un Webhook o el trigger de la herramienta que estés automatizando.
03¿Qué límites tiene el nodo HTML n8n?
Parte de marcado que ya existe. Descargar la página es trabajo de otro nodo, casi siempre HTTP Request. Tampoco ejecuta JavaScript: las etiquetas script de una plantilla se copian tal cual en la salida, y una página que arma su contenido en el navegador no le dará nada a un selector CSS. Generar una plantilla con datos sin validar sigue siendo un riesgo de cross-site scripting. Y el catálogo marca la versión 1 del nodo, así que un flujo antiguo puede enseñar un panel con menos opciones.
04¿Nodo HTML o nodo Code para analizar una página?
Elige el nodo HTML en cuanto la tarea se pueda contar como una lista de selectores CSS, que es la mayoría de los casos. Pones una clave, pones un selector, eliges text, html, attribute o value, y listo: ningún script que mantener y un panel que un compañero lee sin ayuda. Cambia de herramienta cuando la extracción dependa de la lógica y no de la estructura, por ejemplo recorrer un árbol o arreglar un documento roto. En el renderizado pasa igual: Convert to HTML Table para una tabla simple, Generate HTML template cuando el diseño importa.
05¿n8n o Make para trabajar con HTML?
Depende de dónde puedan vivir tus datos. Make, antes Integromat, es una plataforma de automatización alojada, sin opción de autoalojamiento y facturada por operación, cómoda para un equipo que no quiere administrar nada. n8n se puede autoalojar con Docker o npm, así que las páginas que analizas y los documentos que generas se quedan en tu máquina, y el coste sigue a la instancia en vez de al volumen. Las dos dibujan la lógica de forma visual. Decide por alojamiento, control del dato, modelo de coste y lectura del flujo.
Hack'celeration Lab

Recibe nuestros tips de integración cada semana.

Sin spam. Cancela cuando quieras.

Misma plataforma

Otros docs útiles sobre este stack.

Ver todas las integraciones