Générez des factures dynamiques avec des modèles HTML dans Zapier

La création de documents dynamiques est aujourd'hui essentielle à toute entreprise. Celle-ci gère un grand nombre de documents numériques générés en fonction du destinataire et contenant des données dynamiques. Il peut s'agir de devis, de contrats, de factures, de rapports, etc., qui peuvent avoir un modèle fixe mais des données dynamiques. Ces documents sont généralement produits par lots importants, en fonction de la taille de l'entreprise.

Dans certains cas, vous devez également générer des documents au format HTML, consultables dans un navigateur ou partageables par lien. Les factures, reçus, etc., sont générés sous forme de pages HTML afin d'être rapidement affichés au destinataire dans son navigateur. PDF4me vous permet de générer ces documents HTML à partir de modèles HTML et d'une source de données. Grâce au rendu Mustache ou à la fusion de documents, vous pouvez générer autant de documents que nécessaire.

Grâce à l' intégration de PDF4me à Zapier , vous pouvez utiliser l'action « Générer un document » (parmi les nombreuses actions proposées par PDF4me pour la gestion de documents) afin de créer des Zaps capables de générer des documents à partir de modèles HTML. Vous pouvez ensuite utiliser l'API ou des appels d'automatisation pour alimenter ces Zaps et générer des documents HTML en masse.

Prenons l'exemple d'une personne souhaitant générer des factures sous forme de pages HTML à partir d'un modèle HTML source et de données JSON.

Voici un exemple de modèle HTML créé avec la syntaxe Mustache. Supposons que ce modèle soit disponible dans un dossier spécifique de Dropbox.

Déclenchez le Zap avec un déclencheur Dropbox

L'action « Ajouter un nouveau fichier dans un dossier Dropbox » sert de déclencheur au Zap. Dès que le fichier .html arrive dans le dossier, le Zap se déclenche.

Ajouter une action pour télécharger le modèle

Pour transmettre le modèle, ajoutez et configurez une action Dropbox afin de récupérer le document. Configurez le dossier à partir duquel le modèle doit être transmis à l'action suivante.

Ajouter l'action « Générer un document dans PDF4me ».

Une fois le modèle téléchargé, il est transmis à l'action « Générer un document ». Dans cette action, configurez le fichier modèle, son nom, son type, les données d'entrée, leur type et le type de document de sortie.

Pour le modèle d'exemple ci-dessus, les données d'exemple ressembleraient à ceci :

{ "Documents": [ { "header": { "docType": "Copie originale" }, "body": { "Column1": "Quantité", "Column2": "Description", "Column3": "Prix unitaire", "Column4": "Total", "Invoice": { "number": 14957, "date": "25-02-2022", "instructions": "Instruction Invoice Fact 1", "subTotal": 200150, "tax": "18%", "dueDate": "25-03-2022", "shipping": "200" }, "Biller": { "phone": "989797", "fax": "998463", "email": "doc1@email.com", "web": "www.doc1.com", "address": { "company": "Organization 1", "street": "Street 1", "city": "Ville 1", "code postal" : "123456" } }, "Destinataire" : { "nom" : "destinataire 1", "adresse" : { "rue" : "testveien 3", "ville" : "Ville 1", "code postal" : "0555", "pays" : "Pays 1" } }, "Produit" : [ { "quantité" : 1, "description" : "article 1", "prix unitaire" : 45, "prix total" : 867 }, { "quantité" : 2, "description" : "article 2", "prix unitaire" : 123, "prix total" : 3464 }, { "quantité" : 3, "description" : "article 3", "prix unitaire" : 323, "prix total" : 6564 } ] }, "pied de page" : { "téléphone" : "téléphone123", "fax" : "fax123", "email": "123@mail.com", "web": "www.123.com" }

} ] }

Ajouter une action de boucle

L'action « Générer un document » produira plusieurs fichiers de sortie. Pour gérer cela, il est nécessaire d'ajouter une boucle dans Zapier (fonctionnalité en version bêta).

Ajouter l'action « Téléverser un fichier dans Dropbox »

Ajoutez une action « Téléverser un fichier dans Dropbox » à votre Zap, en plus de la boucle. Cela garantit que les fichiers de sortie sont enregistrés successivement dans le dossier souhaité au fur et à mesure de leur génération par l'action PDF4me.

Voici un exemple de code HTML généré :