Convertir HTML en PDF Cette action PDF4me pour Zapier transforme un fichier HTML en PDF prêt à imprimer. Associée à l'action « Générer un document », elle permet, en cinq étapes, de surveiller un dossier Dropbox, d'intégrer les données de commande dans un modèle de facture HTML, de convertir le résultat au format A4 et d'enregistrer le PDF final dans Dropbox.
La plupart des résultats de conversion HTML vers PDF vous proposent un champ pour y glisser-déposer un fichier. C'est pratique ponctuellement. Mais cela devient vite fastidieux lorsqu'une nouvelle commande arrive toutes les heures et qu'il faut ouvrir le convertisseur, importer, télécharger, renommer et archiver le fichier résultant. Ce tutoriel remplace cette boucle par cinq étapes Zapier qui s'exécutent automatiquement, avec des captures d'écran réelles d'un Zap exécuté le 2 novembre 2026 et les valeurs exactes des champs utilisés.
Déposez un fichier JSON de commande dans un dossier Dropbox surveillé. Zapier le récupère en deux minutes, extrait votre modèle de facture HTML d'un autre dossier et transmet les deux à PDF4me. La fonction « Générer le document » fusionne les données dans le modèle, la fonction « Convertir HTML en PDF » génère le document au format A4 avec des marges de 40 px, et Dropbox enregistre le résultat sous le nom « Facture-commande-INV-2026-1042.pdf ». Personne n'ouvre de convertisseur.
Questions et réponses basées sur le pourquoi
Pourquoi deux actions PDF4me au lieu d'une seule ? L'outil « Générer un document » fusionne les données et renvoie du code HTML. L'outil « Convertir HTML en PDF » effectue le rendu et la mise en page. En les séparant, vous pouvez modifier le format du papier ou les marges sans toucher au modèle, et réutiliser ce même modèle pour un format de sortie différent ultérieurement.
Pourquoi récupérer le modèle avec une étape de recherche de fichier distincte ? Le déclencheur ne prend en compte que le fichier qui vient d'arriver, à savoir les données de la commande. Le modèle étant stocké à un emplacement stable, l'étape 2 le lit depuis /DocGen/Templates à chaque exécution. Modifiez le modèle dans Dropbox : la facture suivante l'intégrera automatiquement, sans aucune modification du Zap.
Pourquoi définir l'échelle à 0,8 ? Le HTML est conçu pour un écran, pas pour une page. Un facteur d'échelle de 0,8 permet d'afficher un tableau de facture standard dans la largeur d'une page A4, évitant ainsi le retour à la ligne intempestif et le débordement sur une deuxième page. Augmentez ce facteur jusqu'à 1,0 si votre modèle est déjà étroit.
Pourquoi le fond d'impression est-il important ? Si l'option « Impression de l'arrière-plan » est désactivée, les navigateurs et les moteurs de rendu ignorent les couleurs et images d'arrière-plan CSS ; par conséquent, un en-tête de facture coloré s'imprime en blanc. Activez cette option pour que le PDF corresponde à l'affichage HTML à l'écran.
Ce que vous obtiendrez
Saisir: Un fichier JSON de commande déposé dans un dossier Dropbox surveillé, ainsi qu'un modèle de facture HTML qui reste en place. Sortir: un PDF A4 finalisé dans /DocGen/Output/, nommé d'après le numéro de commande, avec un lien de partage Dropbox renvoyé par l'étape finale.
Ce dont vous avez besoin
- Zapier. Ouvrez l'application PDF4me ZapierUn forfait Zapier gratuit ne permet d'exécuter que des Zaps en une seule étape ; ce Zap en cinq étapes nécessite donc un forfait Zapier payant.
- Clé API PDF4me. Obtenez votre clé APIConnectez-le la première fois que vous ajoutez une action PDF4me.
- Dropbox avec trois dossiers : /DocGen/Orders pour les données entrantes, /DocGen/Templates pour le modèle, /DocGen/Output pour les résultats.
- Un modèle de facture HTML et un exemple de commandeLes deux sont ci-dessous.
Commencez par prendre les échantillons. Placez invoice-template.html dans /DocGen/Templates avant de créer le Zap, afin que l'étape 2 ait quelque chose à trouver lors de ses tests.
Aperçu du flux
- Nouveau fichier dans le dossier (Déclencheur Dropbox, interrogation toutes les 2 minutes).
- Trouver un fichier (Dropbox) récupère invoice-template.html.
- Générer un document (PDF4me) fusionne le JSON dans le modèle HTML.
- Convertir HTML en PDF (PDF4me) affiche un format portrait A4 à l'échelle 0,8.
- Téléverser un fichier (Dropbox) enregistre le PDF sous un nom d'exécution.
Aperçu complet du flux
Exécution réussie le 2 novembre 2026. Chaque étape indique ce qu'elle a franchi, ce qui constitue le moyen le plus rapide de repérer où une exécution ayant échoué s'est arrêtée.
Étape 1 : Comment surveiller un dossier Dropbox pour détecter les nouvelles commandes ?
Flux jusqu'à présent : Rien pour l'instant, voici le déclencheur.
Le déclencheur détermine ce qui lance le Zap. Indiquez-lui le dossier contenant vos données de commande et assurez-vous qu'il transfère bien le contenu du fichier.
- Ajouter Dropbox comme application de déclenchement et choisissez le Nouveau fichier dans le dossier événement.
- Configure:
- Espace:
Default - Dossier:
/DocGen/Orders - Inclure les fichiers des sous-dossiers ?:
False - Inclure le contenu du fichier ?:
Yes - Inclure le lien de partage ?:
No
- Espace:
Configuration du nouveau fichier dans le dossier
L'option « Inclure le contenu du fichier » doit être activée. Si elle est désactivée, l'étape 3 reçoit une référence à un fichier sans données et la fusion échoue.
Conseil. Le déclencheur s'exécute à intervalles réguliers (toutes les 2 minutes dans l'historique), ce qui correspond à un traitement quasi temps réel. Veillez à placer le dossier de sortie en dehors du dossier surveillé, sinon le PDF enregistré risque de redéclencher le Zap.
Étape 2 : Pourquoi récupérer le modèle avant la fusion ?
Flux jusqu'à présent : Nouveau fichier dans le dossier.
Le déclencheur vous transmet uniquement les données de la commande. Le modèle est un fichier distinct dans un dossier séparé ; vous devez donc le lire explicitement.
- Ajouter Dropbox et choisissez le Trouver un fichier action.
- Configure:
- Espace:
Default - Dossier:
/DocGen/Templates - Inclure les fichiers des sous-dossiers ?:
False - Nom de fichier:
invoice-template.html - Inclure les fichiers supprimés ?:
False - Inclure le contenu du fichier ?:
Yes - Inclure le lien de partage ?:
No - Succès si aucun résultat de recherche n'est trouvé ?:
False: step run status is "stopped: halted" - Si plusieurs résultats de recherche sont trouvés:
Return first search result
- Espace:
Configuration de la recherche de fichiers
Le fait de laisser l'option « Réussi si aucun résultat de recherche n'est trouvé » sur « Faux » est intentionnel. L'absence de modèle interrompt l'exécution au lieu de produire un PDF vide.
Étape 3 : Comment Generate Document fusionne-t-il le JSON dans un modèle HTML ?
Flux jusqu'à présent : Nouveau fichier dans le dossier + Rechercher un fichier.
La fonction Generate Document prend deux entrées : le modèle de l’étape 2 et les données de l’étape 1. Elle renvoie le code HTML fusionné, et non un PDF.
- Ajouter PDF4me et choisissez le Générer un document action.
- Configure:
- Fichier modèle: le Déposer Résultat de l'étape 2, Recherche de fichier
- Nom du fichier modèle:
invoice-template.html - Type de fichier modèle:
HTML - Type de format des données d'entrée:
File - Fichier de données: le Déposer Résultat de l'étape 1, Nouveau fichier dans le dossier
- Type de données d'entrée:
Json - Métadonnées: laisser vide
- Conserver le PDF modifiable:
False
Générer la configuration du document
Le type de fichier du modèle est HTML et le type de données d'entrée est JSON. Ces deux listes déroulantes sont celles qui sont le plus souvent confondues, et une erreur de concordance renvoie le modèle avec les espaces réservés encore présents.
Conseil. Si vos données arrivent sous forme de champ Zapier plutôt que de fichier, changez de paramètre. Type de format des données d'entrée Dans le menu Fichier, sélectionnez l'option Texte et collez le JSON. Le reste de la procédure reste inchangé.
Étape 4 : Comment convertir du HTML en PDF sans perdre la mise en forme ?
Flux jusqu'à présent : Nouveau fichier dans le dossier + Rechercher un fichier + Générer un document.
C’est cette étape qui donne son nom à l’article. Elle prend le code HTML fusionné de l’étape 3 et l’affiche ; ce sont les champs de configuration de la page qui déterminent si le résultat ressemble à l’original.
- Ajouter PDF4me et choisissez le Convertir HTML en PDF action.
- Configure:
- Déposer: le URL du fichier Résultat de l'étape 3, Générer le document
- Nom de fichier:
invoice.html - Mise en page:
Portrait - Format du papier:
A4 (8.27in x 11.7in) - Échelle:
0.8 - Marges :
40pxde chaque côté - Fond imprimé:
True
Paramètres de conversion HTML vers PDF
| Champ | Valeur utilisée | Ce qu'il contrôle |
|---|---|---|
| Déposer | URL du fichier de l'étape 3 | Le code HTML fusionné. Veuillez indiquer soit le nom du fichier, soit son URL, mais pas les deux. |
| Nom de fichier | invoice.html | Indique l'entrée du moteur de rendu. .html L'extension est importante. |
| Chemin du fichier index | vide | Utilisé uniquement lorsque l'entrée est une archive contenant plusieurs fichiers HTML. |
| Mise en page | Portrait | Portrait ou paysage. |
| Format du papier | A4 (8.27in x 11.7in) | Dimensions des pages du PDF généré. |
| Échelle | 0.8 | Réduit la largeur de la page rendue pour que les tableaux larges s'adaptent à la largeur du contenu. |
| Marges | 40px | Définir par côté. Voir la note ci-dessous concernant les étiquettes des champs. |
| Fond imprimé | True | Conserve les couleurs et images d'arrière-plan CSS. La valeur False les affiche vierges. |
Une échelle de 0,8 avec des marges de 40 px constitue un point de départ sûr pour une facture. L'option « Imprimer l'arrière-plan » permet d'éviter que l'en-tête coloré ne soit imprimé en blanc.
Conseil. Dans l'application Zapier actuelle, les quatre champs de marge sont intitulés « Marge supérieure », « Marge inférieure », « Marge gauche » et « Marge droite ». Le quatrième champ correspond à la marge droite, malgré son intitulé ; remplissez donc les quatre champs dans l'ordre. Attribuer la même valeur à chaque marge, comme ici, permet d'éviter toute ambiguïté.
Étape 5 : Où est stocké le fichier PDF final ?
Flux jusqu'à présent : Nouveau fichier dans le dossier + Rechercher un fichier + Générer un document + Convertir HTML en PDF.
La dernière étape consiste à réenregistrer le PDF dans Dropbox et à lui donner un nom permettant de retrouver la commande.
- Ajouter Dropbox et choisissez le Téléverser un fichier action.
- Configure:
- Espace:
Default - Dossier:
/DocGen/Output/ - Déposer: le URL du fichier résultat de l'étape 4
- Écraser:
True - Spécifiez le nom du fichier: le texte littéral
Invoice-suivi par le Nom de fichier champ de l'étape 1 - Spécifiez l'extension du fichier:
pdf - Inclure le lien de partage ?:
Yes
- Espace:
Configuration du téléchargement de fichiers
L'option « Spécifier le nom du fichier » mélange un préfixe littéral avec une valeur provenant du déclencheur, de sorte que la sortie est Invoice-order-INV-2026-1042.pdf plutôt qu'un identifiant aléatoire.
Exécutez le flux et vérifiez
- Publier le Zap.
- Déposez un exemple de commande JSON dans /DocGen/Orders et attendez le prochain sondage, jusqu'à deux minutes.
- Ouvrir Zap fonctionne Dans Zapier, vérifiez que les cinq étapes affichent bien une coche verte.
- Recherchez le nouveau fichier PDF dans /DocGen/Output/ et ouvrez-le. L'en-tête doit être coloré, le tableau doit occuper toute la largeur de la page et le nom du fichier doit contenir le numéro de commande.
Qu'avez-vous construit concrètement ? Une usine à documents. Le modèle est modifiable par toute personne ayant accès à Dropbox, les données proviennent du système qui génère le JSON, et les paramètres de rendu sont gérés en une seule étape Zapier. Ce même processus en cinq étapes fonctionne sur Make, n8n et Power Automate avec les mêmes deux actions PDF4me.
Variantes courantes que vous pouvez ajouter sans reconstruction
Convertisseur automatisé Zap versus convertisseur manuel
| Zap vs manuel | Ce Zap | Un convertisseur manuel en ligne |
|---|---|---|
| Qui le dirige ? | Personne, ça se déclenche à l'arrivée du dossier | Une personne, une fois par fichier |
| Nous | Tiré à chaque fois des données de commande | Quoi que le navigateur télécharge |
| Mise en page | Corrigé dans le Zap, identique à chaque exécution | Rechoisis à la main à chaque fois |
| Enregistrer | Un historique d'exécution Zap que vous pouvez auditer | Aucun |
| Forme de coût | Plan Zapier plus appels PDF4me | Gratuit par fichier, coûteux en minutes |
Questions fréquentes
Comment convertir du HTML en PDF ?
Fournissez un fichier HTML à un moteur de rendu et indiquez-lui la mise en page. Dans ce Zap, l'action « Convertir HTML en PDF » de PDF4me prend le code HTML généré à l'étape 3, applique une mise en page portrait, un format A4, une échelle de 0,8 et des marges de 40 px, puis génère un PDF. Cette même action accepte un fichier que vous téléchargez directement si vous n'avez pas fusionné de données au préalable.
Est-il possible de convertir gratuitement du HTML en PDF ?
Convertir un fichier manuellement est gratuit dans de nombreux cas, notamment avec la fonction « Imprimer au format PDF » intégrée au navigateur. L'automatisation représente un coût, qui se compose de deux éléments : un abonnement Zapier payant (car une conversion en cinq étapes est différente d'une conversion en une seule étape) et les appels à l'API PDF4me. Pour quelques documents par mois, la conversion manuelle est effectivement plus économique. Le calcul change rapidement dès que le volume atteint un niveau quotidien.
Comment convertir un fichier HTML en PDF sans perdre la mise en forme ?
Trois champs effectuent la majeure partie du travail. Fond imprimé Définir sur True pour que les couleurs et images d'arrière-plan CSS soient conservées. Inférieur Échelle En dessous de 1,0, ici 0,8, donc un tableau large s'affiche correctement dans la largeur du contenu au lieu de passer à la ligne. Correspondance Format du papier Choisissez le format d'impression (A4 ou Lettre). Si le modèle présente toujours des problèmes de mise en page, ajoutez des règles de saut de page CSS au code HTML plutôt que de forcer le rendu.
Puis-je convertir par lots du HTML en PDF ?
Oui, et ce Zap le fait déjà fichier par fichier, en continu, ce qui correspond généralement à ce que les utilisateurs attendent d'un traitement par lots. Chaque fichier déposé dans /DocGen/Orders génère son propre PDF. Pour un véritable traitement par lots de plusieurs fichiers en une seule opération, utilisez Action de boucle de Zapier parcourir une liste et appeler Convertir HTML en PDF une fois par élément.
Dépannage
La génération du document a échoué. Vérifiez que le type de données d'entrée est JSON et que le fichier de commande est bien un JSON valide. Une virgule finale suffit pour que la fusion renvoie silencieusement le modèle original.
L'option « Imprimer l'arrière-plan » est désactivée. Veuillez la réactiver. Il s'agit du problème de formatage le plus fréquent avec tous les convertisseurs HTML vers PDF, et pas seulement PDF4me. Le comportement sous-jacent du navigateur est documenté par Mozilla. ajustement des couleurs d'impression.
Impossible de localiser invoice-template.html dans /DocGen/Templates. Vérifiez l'orthographe et assurez-vous que le fichier se trouve bien dans le dossier principal et non dans un sous-dossier, car l'option « Inclure les fichiers des sous-dossiers » est désactivée.
Le dossier de sortie se trouve dans le dossier surveillé ; chaque PDF enregistré est donc considéré comme un nouveau fichier. Conservez le dossier /DocGen/Output en dehors du dossier /DocGen/Orders, comme dans cette configuration.
Prochaines étapes
Le même schéma en cinq étapes (surveiller un dossier, récupérer le modèle, fusionner, générer, enregistrer avec un nom d'exécution) gère toute automatisation de type « données entrantes, document personnalisé sortant ».