Recursos · Integración Make

Integración HTML/CSS to Image MakeAutomatiza HTML/CSS to Image con Make.

¿Cuántas imágenes haces a mano que podrían salir solas de tus datos? La integración HTML/CSS to Image Make trae 4 módulos de acción para convertir código o una página web en imagen. Esta guía es para quien empieza con Make: conectar la cuenta, montar un primer escenario y entender cada módulo.

Probar la integración HTML/CSS to Image en MakeVer los 4 módulos

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

Lo que puedes automatizar

¿Qué te aporta la integración HTML/CSS to Image Make?

Con la integración HTML/CSS to Image Make, Make, una herramienta de automatización sin código, manda un diseño en HTML o una dirección web a tu cuenta de HTML/CSS to Image y recibe una imagen lista. Todo ocurre dentro de un escenario, que es la automatización que montas, hecho de módulos: cada módulo es una pieza, por ejemplo una acción en una app.

Reutilizar lo que ya existe. Get an Image descarga una imagen que ya creaste en tu cuenta, para subirla a una carpeta o mandarla por correo desde otro escenario sin generarla de nuevo.

Imágenes que nacen de un pedido o un registro. Cuando entra un pedido, un alta o una respuesta de formulario en otra app, Create an Image with HTML/CSS rellena tu plantilla HTML con esos datos y devuelve un archivo PNG, JPG o WebP. Un diploma por alumno, una tarjeta por producto nuevo: nadie tiene que tocar el diseño.

Una foto fiel de cualquier web. Create a Screenshot of a URL captura cualquier sitio. Sirve para guardar cómo estaba la web de la competencia antes de un cambio o para adjuntar la vista de un sitio a una incidencia.

La documentación de Make no recoge disparadores para esta app, así que el escenario arranca en otra app o con la programación de Make. Si necesitas algo que los módulos no cubren, Make an API Call llega al resto de la API con la misma conexión. Si quieres que alguien lo monte contigo, está nuestra Agencia Make; para decidir entre herramientas, lee n8n vs Make, y los planes se explican en Precio de Make.

Conexión

¿Cómo conectas HTML/CSS to Image con Make?

  1. 01

    Añade un módulo de la app

    En tu escenario, busca HTML/CSS to Image y elige cualquiera de sus módulos. Make te mostrará el botón Create a connection. La conexión es tu cuenta enlazada con Make una sola vez, que luego usan todos los módulos de la app.

  2. 02

    Ponle un nombre claro

    El nombre es opcional, pero ayuda. Si trabajas con una cuenta de pruebas y otra real, una etiqueta clara evita que elijas la equivocada cuando el escenario crece.

  3. 03

    Autoriza y guarda

    Según lo que pida la app, apruebas el acceso de Make en la página de HTML/CSS to Image o pegas la clave que te da tu cuenta. Pulsa Save y el módulo queda listo.

Primer escenario

Tu primer escenario con HTML/CSS to Image

ObjetivoCuando entra un pedido nuevo en otra app, Make crea una imagen con HTML/CSS to Image.

  1. 01

    Crea el escenario

    Desde la página Scenarios, crea un escenario nuevo y pulsa el + para poner el primer módulo. Como HTML/CSS to Image no tiene disparador, empieza por la app donde llegan tus pedidos.

  2. 02

    Añade el módulo de imagen

    Pulsa el + a la derecha de ese primer módulo, busca HTML/CSS to Image y elige Create an Image with HTML/CSS. Enlaza tu cuenta con Create a connection si aún no lo hiciste.

  3. 03

    Mete los datos en la plantilla

    Escribe tu HTML y tu CSS en el módulo y arrastra los valores del módulo anterior, como el nombre del producto. Cada bundle, es decir, cada elemento que pasa de un módulo a otro, genera su propia imagen.

  4. 04

    Prueba con Run once

    Pulsa Run once para ejecutar el escenario una vez. Después revisa los bundles que recibió cada módulo y comprueba que la imagen sale como esperabas.

  5. 05

    Programa y activa

    Ajusta la programación en el primer módulo (cada 15 minutos por defecto en un escenario nuevo) y activa el escenario. A partir de ahí, cada pedido tendrá su imagen sin que intervengas.

Módulos

Qué hace cada módulo de HTML/CSS to Image

HTML/CSS to Image te da 4 módulos en 2 grupos. Para cada uno: qué hace por ti, cuándo elegirlo y a qué prestar atención.

Actions

2 módulos
HTML/CSS to Image1

Create an Image with HTML/CSS

Acción

En Make“Converts HTML/CSS into PNG, JPG or WebP.”

Le das HTML y CSS y te devuelve un archivo de imagen de verdad, en PNG, JPG o WebP. Cualquier cosa que puedas maquetar como una pequeña web se convierte en imagen.

Cuándo usarlo
quieres una pieza con tu marca por cada registro, como una tarjeta por producto nuevo o un diploma por alumno, rellena con datos de los módulos anteriores.
Ojo
el resultado depende de tu código, así que revisa el diseño con Run once antes de dejar el escenario funcionando solo.
HTML/CSS to Image2

Make an API Call

Acción

En Make“Performs an arbitrary authorized API call.”

Con este módulo mandas la petición que quieras a la API de HTML/CSS to Image, usando la conexión que ya tienes. Cubre lo que no ofrecen los tres módulos preparados.

Cuándo usarlo
la API de la app tiene una opción que ningún módulo muestra y no quieres montar una llamada HTTP aparte.
Ojo
la petición la describes tú, así que ten a mano la referencia de la API de la app mientras la rellenas.

Otros módulos

2 módulos
HTML/CSS to Image3

Create a Screenshot of a URL

Acción

En Make“Take a screenshot of any website.”

Recibe una dirección web y te devuelve una imagen de esa página, lista para guardar o enviar más adelante en el escenario. Sin extensiones del navegador ni capturas a mano.

Cuándo usarlo
llega un enlace a una hoja de cálculo o a una incidencia y quieres conservar la página tal como está en ese momento, para un expediente o una revisión.
Ojo
la captura congela la página cuando corre el módulo; si la web cambia después, la imagen no se actualiza.
HTML/CSS to Image4

Get an Image

Acción

En Make“Download any of your previously created images.”

Este módulo descarga una imagen creada antes en tu cuenta de HTML/CSS to Image, para que el archivo pase al siguiente módulo como bundle.

Cuándo usarlo
un segundo escenario tiene que adjuntar, subir o enviar por correo una imagen que otro escenario ya generó, y guardaste su referencia.
Ojo
solo recupera imágenes existentes; para cambiar el diseño, vuelve a Create an Image with HTML/CSS y genera una nueva.
¿Necesitas ayuda?

¿Necesitas ayuda para automatizar HTML/CSS to Image con Make?

Una persona lee cada mensaje.

FAQ

Lo que suele preguntarse después

01¿La integración HTML/CSS to Image Make es gratis?
Sí, por parte de Make. HTML/CSS to Image es una app estándar, disponible desde el plan Free. Ese plan permite 2 escenarios activos, un mínimo de 15 minutos entre dos ejecuciones programadas, 5 minutos de ejecución como máximo, archivos de hasta 5 MB y 512 MB de transferencia. Los planes de pago bajan el intervalo a 1 minuto y quitan el tope de escenarios activos. Tu cuenta de HTML/CSS to Image es otro tema que esta página no trata.
02¿Qué hace falta para conectar HTML/CSS to Image con Make?
Una cuenta de HTML/CSS to Image y otra de Make. La documentación de Make no indica requisitos ni pasos propios, así que se sigue el proceso general: añade un módulo de la app, pulsa Create a connection, ponle nombre si quieres, autoriza a Make o pega la clave de tu cuenta y pulsa Save. Esa conexión sirve después para los cuatro módulos, incluido Make an API Call, y si la clave no funciona, comprueba que la copiaste de la cuenta correcta.
03¿HTML/CSS to Image puede iniciar un escenario de Make en tiempo real?
No, porque la app no tiene ningún módulo disparador en Make. El escenario siempre empieza en otro sitio: con el disparador de otra app, como un formulario o una tienda online, o con la programación del primer módulo, cada 15 minutos por defecto. HTML/CSS to Image entra luego como acción dentro de la cadena. Cuándo se crea la imagen depende, por tanto, de lo que pone en marcha el escenario. Para una primera prueba, también puedes lanzarlo tú con Run once cuando te venga bien.
04¿Qué hacer si falta un módulo de HTML/CSS to Image en Make?
Usa Make an API Call. Este módulo manda cualquier petición a la API de HTML/CSS to Image con la conexión que ya tienes, de modo que una opción que no aparece en los tres módulos preparados sigue a tu alcance. La petición la escribes tú, con la referencia de la API al lado. La documentación de Make no da límites numéricos para esta app, así que aquí no se cita ninguno. Prueba cada petición con Run once antes de activar el escenario.
05¿Make o n8n para HTML/CSS to Image?
Depende de dónde tengas ya tus automatizaciones. En Make, la app ofrece cuatro módulos de acción, con Make an API Call para lo demás, disponibles desde el plan Free. La misma app suele tener también un nodo en n8n. El criterio más práctico es poner el paso de la imagen en la herramienta donde vive el resto de tu proceso, en lugar de partir un mismo flujo entre dos plataformas sin motivo.
Misma plataforma

Otros docs útiles sobre este stack.

Ver todas las integraciones