Read this article in English.

Cómo convertir HTML en imagen en Make (módulo HTTP)

Si automatizas con Make (antes Integromat), en algún escenario acabas necesitando generar una imagen: una tarjeta para redes, una miniatura, un recibo o una imagen de Open Graph. No hace falta montar servidores ni instalar aplicaciones raras. Con el módulo HTTP y la API de Cofferdock lo tienes listo en un par de minutos.

Un aviso honesto, porque mucha gente lo busca así: Make no tiene un módulo específico de "HTML a imagen". Se hace con el módulo HTTP genérico llamando a una API que hace el trabajo. Aquí te enseño cómo, campo a campo.

Qué vas a conseguir

Le mandas tu diseño en HTML y te devuelve la imagen en PNG o JPEG, lista para el siguiente módulo del escenario: subirla a Google Drive, adjuntarla en un email, publicarla en redes o mandarla por Telegram. La respuesta del módulo ya es el archivo de imagen, sin pasos de conversión de por medio.

Usos típicos en Make:

• Una imagen para redes por cada registro nuevo de tu base de datos.
• La imagen de Open Graph de cada entrada de blog.
• Recibos o tickets en imagen a partir de un pedido.
• Miniaturas automáticas para tus contenidos.

Lo que necesitas

• Una cuenta en Cofferdock. El plan gratis incluye 50 usos al mes sin tarjeta, perfecto para probar.
• Tu API key, que creas en tu panel con "+ Crear llave". Se muestra una vez, así que cópiala y guárdala.
• El módulo HTTP → Make a request en tu escenario.

Paso a paso en el módulo HTTP

Añade el módulo HTTP → Make a request y configúralo así:

• URL: https://api.cofferdock.com/capture
• Method: POST
• Headers: añade dos → x-api-key con tu llave, y Content-Type con el valor text/html.
• Query String: añade width = 1200 y height = 630.
• Body type: Raw
• Content type: text/html
• Request content: pega aquí tu HTML (o mapéalo desde un módulo anterior).
• Deja Parse response desactivado: la respuesta es una imagen, no un JSON.

La salida del módulo ya es el archivo de imagen. Conéctalo directamente a Google Drive (Upload a file), a Email como adjunto, a redes o a donde lo necesites. Un módulo y listo.

Un ejemplo para verlo claro

Supongamos que quieres una tarjeta para redes por cada fila nueva de una hoja de cálculo. El escenario sería:

1. Un módulo Google Sheets (Watch Rows) que detecta filas nuevas.
2. Un módulo Tools → Set variable que arma el HTML con los datos de la fila.
3. El módulo HTTP de arriba, que convierte ese HTML en imagen.
4. Un módulo Google Drive → Upload a file que guarda la imagen (mapeando el archivo que devuelve el HTTP).

Cada ejecución te da una imagen distinta, de forma automática.

Opciones que puedes ajustar

Se añaden en el Query String del mismo módulo:

Puedes usar fotos, logos y tipografías de internet poniendo su enlace https://… dentro del HTML o del CSS. El diseño se renderiza sin ejecutar JavaScript, así que usa HTML y CSS.

¿Prefieres verlo en código?

La misma llamada con curl, por si quieres probarla suelta:

curl -X POST "https://api.cofferdock.com/capture?width=1200&height=630" \
  -H "x-api-key: TU_LLAVE" \
  -H "Content-Type: text/html" \
  --data-binary "<h1 style='color:#8a5210'>Hola</h1>" \
  -o imagen.png

¿Cuánto cuesta?

Cada imagen gasta 1 crédito de tu plan. Todas las herramientas de Cofferdock comparten el mismo bote de créditos, así que no contratas nada por separado.

Preguntas frecuentes

¿Make tiene un módulo nativo de HTML a imagen? No. Se hace con el módulo HTTP genérico llamando a la API de Cofferdock, que genera la imagen.

¿Tengo que activar "Parse response"? No. La respuesta es una imagen (un archivo), no un JSON, así que déjalo desactivado y mapea el archivo al siguiente módulo.

¿Necesito saber programar? No. Solo rellenas los campos del módulo HTTP siguiendo esta guía.

¿Puedo generar varias imágenes de golpe? Sí. Si el módulo anterior devuelve varios elementos, Make ejecuta el HTTP una vez por cada uno.

Pruébalo tú mismo

Tienes las instrucciones completas, con ejemplos para copiar y pegar, en la página de la herramienta HTML a imagen. Y si aún no tienes cuenta, puedes crear una gratis y montar tu primer escenario hoy mismo.