Ressources · Intégration Make

Intégration HTML/CSS to Image MakeAutomatiser HTML/CSS to Image avec Make.

Et si tes visuels se fabriquaient tout seuls à partir de tes données ? L'intégration HTML/CSS to Image Make réunit 4 modules d'action pour transformer du code ou une page web en image. Ce guide s'adresse à ceux qui débutent sur Make : connexion du compte, premier scénario, rôle de chaque module.

Essayer l'intégration HTML/CSS to Image sur MakeVoir les 4 modules

Avis vérifiés sur Trustpilot · Agence IA, automatisation & growth

Ce que tu peux automatiser

À quoi sert l'intégration HTML/CSS to Image Make ?

Avec l'intégration HTML/CSS to Image Make, Make, un outil d'automatisation sans code, envoie une mise en page HTML ou une adresse web à ton compte HTML/CSS to Image et récupère une image prête à l'emploi. Tout se passe dans un scénario, c'est-à-dire l'automatisation que tu construis, fait de modules : chaque module est une brique, par exemple une action dans une app.

Garder une trace d'une page web. Avec Create a Screenshot of a URL, Make capture n'importe quel site. Pratique pour conserver l'état d'une page de vente avant sa refonte, ou joindre la vue d'un site client à un ticket de support.

Des visuels générés depuis tes données. Dès qu'un contact, une commande ou une réponse de formulaire arrive dans une autre app, Create an Image with HTML/CSS remplit ton gabarit HTML avec ces valeurs et renvoie un fichier PNG, JPG ou WebP. Une attestation par participant, une vignette par article : personne ne retouche le texte à la main.

Récupérer plutôt que refaire. Get an Image télécharge une image déjà créée sur ton compte, pour l'envoyer par e-mail ou la déposer dans un dossier depuis un autre scénario.

La doc de Make ne liste aucun déclencheur pour cette app : le scénario démarre donc sur une autre app ou sur la planification de Make. Pour aller au-delà des modules prévus, Make an API Call appelle le reste de l'API avec la même connexion. Si tu hésites encore sur l'outil, lis notre Avis Make ou le comparatif n8n vs Make. Et pour apprendre à monter tes scénarios avec méthode, il y a la Formation Make.

Connexion

Comment connecter HTML/CSS to Image à Make ?

  1. 01

    Ajouter un module de l'app

    Dans ton scénario, cherche HTML/CSS to Image et choisis un de ses modules. Make affiche alors le bouton Create a connection. La connexion, c'est ton compte relié une seule fois à Make, puis partagé par tous les modules de l'app.

  2. 02

    Donner un nom à la connexion

    Le nom est facultatif, mais il rend service. Si tu gères un compte de test et un compte de production, un libellé clair t'évite de te tromper de compte au moment de choisir la connexion.

  3. 03

    Autoriser puis enregistrer

    Selon ce que l'app demande, tu valides l'accès de Make sur la page de HTML/CSS to Image ou tu colles la clé fournie par ton compte. Un clic sur Save, et le module est prêt.

Premier scénario

Ton premier scénario avec HTML/CSS to Image

ObjectifQuand une nouvelle inscription arrive dans une autre app, Make en fait une image avec HTML/CSS to Image.

  1. 01

    Créer le scénario

    Depuis la page Scenarios, crée un nouveau scénario et clique sur le + pour poser le premier module. HTML/CSS to Image n'a pas de déclencheur : commence par l'app qui reçoit tes inscriptions, un formulaire ou un tableur.

  2. 02

    Ajouter le module d'image

    Clique sur le + à droite de ce premier module, cherche HTML/CSS to Image et prends Create an Image with HTML/CSS. Relie ton compte avec Create a connection si ce n'est pas déjà fait.

  3. 03

    Brancher tes données dans le gabarit

    Écris ton HTML et ton CSS dans le module, puis glisse les valeurs du module précédent, le nom du participant par exemple. Chaque bundle, c'est-à-dire chaque élément transmis, donne sa propre image.

  4. 04

    Tester avec Run once

    Clique sur Run once pour lancer le scénario une seule fois. Regarde ensuite les bundles reçus par chaque module et vérifie que l'image ressemble à ce que tu attendais.

  5. 05

    Planifier et activer

    Règle la planification sur le premier module (toutes les 15 minutes par défaut sur un nouveau scénario), puis active le scénario. Chaque nouvelle inscription aura désormais son visuel, sans que tu t'en occupes.

Modules

Ce que fait chaque module HTML/CSS to Image

HTML/CSS to Image te donne 4 modules en 2 groupes. Pour chacun : ce qu'il fait pour toi, le moment où tu le choisis, et ce qu'il faut surveiller.

Actions

2 modules
HTML/CSS to Image1

Create an Image with HTML/CSS

Action

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

Tu fournis du HTML et du CSS, tu récupères un vrai fichier image en PNG, JPG ou WebP. Tout ce que tu sais mettre en page comme une petite page web devient un visuel.

Quand l'utiliser
pour produire un visuel à ta charte par enregistrement, comme une attestation par participant ou une carte par nouvel avis client, rempli avec les données des modules précédents.
Attention
le rendu vaut ce que vaut ton code, alors vérifie la mise en page avec Run once avant de laisser tourner le scénario.
HTML/CSS to Image2

Make an API Call

Action

Dans Make“Performs an arbitrary authorized API call.”

Grâce à ce module, tu envoies la requête de ton choix à l'API de HTML/CSS to Image, avec la connexion déjà en place. Il couvre ce que les trois modules prêts à l'emploi ne proposent pas.

Quand l'utiliser
une option existe dans l'API de l'app mais aucun module ne l'affiche, et tu ne veux pas monter un appel HTTP à part.
Attention
c'est toi qui décris la requête, garde la référence de l'API de l'app ouverte pendant que tu la remplis.

Autres modules

2 modules
HTML/CSS to Image3

Create a Screenshot of a URL

Action

Dans Make“Take a screenshot of any website.”

Donne-lui une adresse web, il te rend une image de la page, prête à être rangée ou envoyée plus loin dans le scénario. Pas d'extension de navigateur, pas de capture manuelle.

Quand l'utiliser
un lien arrive dans un tableur ou un ticket et tu veux garder la page telle qu'elle est à cet instant, pour un dossier client ou un contrôle.
Attention
la capture fige la page au moment où le module tourne ; si le site change ensuite, l'image ne suivra pas.
HTML/CSS to Image4

Get an Image

Action

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

Ce module va chercher une image créée plus tôt sur ton compte HTML/CSS to Image, pour que le fichier passe au module suivant sous forme de bundle.

Quand l'utiliser
un deuxième scénario doit joindre, déposer ou envoyer par e-mail un visuel qu'un autre scénario a déjà produit, et tu en as gardé la référence.
Attention
il récupère seulement des images existantes ; pour changer le design, repasse par Create an Image with HTML/CSS et génère une nouvelle image.
Besoin d'aide

Besoin d'aide pour automatiser HTML/CSS to Image avec Make ?

Une personne lit chaque message.

FAQ

Les questions qu'on se pose ensuite

01L'intégration HTML/CSS to Image Make est-elle gratuite ?
Oui, côté Make. HTML/CSS to Image est une app standard, disponible dès le plan Free. Ce plan autorise 2 scénarios actifs, 15 minutes au minimum entre deux exécutions planifiées, 5 minutes d'exécution au plus, des fichiers jusqu'à 5 Mo et 512 Mo de transfert. Les plans payants descendent l'intervalle à 1 minute et lèvent la limite de scénarios actifs. Ton abonnement HTML/CSS to Image est un autre sujet, que cette page ne traite pas.
02Que faut-il pour connecter HTML/CSS to Image à Make ?
Un compte HTML/CSS to Image et un compte Make. La doc de Make n'indique ni prérequis ni étapes propres à l'app, donc la procédure générique s'applique : ajoute un module de l'app, clique sur Create a connection, nomme-la si tu veux, autorise Make ou colle la clé donnée par ton compte, puis Save. Cette connexion sert ensuite aux quatre modules, Make an API Call compris. Si la clé est refusée, vérifie que tu l'as copiée depuis le bon compte.
03HTML/CSS to Image peut-il déclencher un scénario Make en temps réel ?
Non, l'app n'a aucun module déclencheur dans Make. Le scénario démarre toujours ailleurs : sur le déclencheur d'une autre app, un formulaire ou un tableur par exemple, ou sur la planification du premier module, toutes les 15 minutes par défaut. HTML/CSS to Image intervient ensuite comme action dans la chaîne. Le moment où l'image est créée dépend donc de ce qui lance le scénario. Pour un premier essai, tu peux aussi lancer le scénario toi-même avec Run once, au moment qui t'arrange.
04Que faire s'il manque un module HTML/CSS to Image dans Make ?
Passe par Make an API Call. Ce module envoie n'importe quelle requête à l'API de HTML/CSS to Image avec ta connexion existante : une option absente des trois modules prêts à l'emploi reste accessible depuis le scénario. Tu rédiges la requête toi-même, la référence de l'API sous les yeux. La doc de Make ne donne aucune limite chiffrée pour cette app, cette page n'en cite donc pas. Teste chaque requête avec Run once avant d'activer le scénario.
05Make ou n8n pour HTML/CSS to Image ?
Ça dépend de l'outil où tournent déjà tes automatisations. Dans Make, l'app propose quatre modules d'action, dont Make an API Call pour le reste, accessibles dès le plan Free. La même app a souvent aussi un nœud n8n, qui y joue le rôle du module. Le critère le plus simple reste donc de placer l'étape image là où vit le reste de ton processus, plutôt que de couper un même flux entre deux plateformes sans raison.
Même plateforme

Autres docs utiles sur ce stack.

Voir toutes les intégrations