Intégrez votre logo et vos métadonnées sur chaque page PDF grâce aux en-têtes et pieds de page HTML via Power Automate !

Ajouter un logo de l'entreprise, métadonnées du document (auteur, date, révision), ou pieds de page spécifiques au client Intégrez vos PDF à l'aide de Power Automate, sans aucune ligne de code. Ce guide vous accompagne pas à pas. flux complet en 5 étapes (déclencheur → obtenir le PDF → obtenir le fichier d'en-tête → ajouter l'en-tête et le pied de page HTML au PDF → créer le fichier) avec captures d'écran pour chaque étape, alors exemples d'extraits HTML vous pouvez copier et utiliser pour le branding, les numéros de page et les pieds de page par client, ainsi que cas d'utilisation comme les en-têtes de rapports et les modèles réutilisables.

Ajouter un en-tête et un pied de page HTML dans Power Automate : le flux en 5 étapes​

Voici le flux complet dans Power Automate : déclenchement → Récupérer le fichier PDF à l'aide du chemin d'accès (Dropbox) → Récupérer le contenu du fichier d'en-tête à l'aide du chemin d'accès (Dropbox) → Ajouter un en-tête et un pied de page HTML à un PDF (PDF4me) → Créer un fichier (Dropbox). Chaque nom d'étape et paramètre ci-dessous correspond à l'interface utilisateur des captures d'écran.

Avant et après : Le PDF d'entrée est un document simple (par exemple : « Exemple de document PDF Page 1… »). Après l'exécution du flux, ce même PDF comporte un en-tête HTML contenant le type de document, son identifiant, son titre, son auteur, sa date et sa révision, toutes ces informations provenant de votre fichier d'en-tête.

Fichier PDF d'entrée

Sortie PDF

Étape 1 : Déclencher le flux​

Ajouter Déclencher manuellement un flux (pour les tests) ou un autre déclencheur (par exemple, lors de la création d'un fichier dans un dossier). Aucun paramètre à définir.

Étape 2 : Récupérer le fichier PDF à l’aide du chemin d’accès (Dropbox)​

Cette étape charge le fichier PDF auquel vous souhaitez ajouter l'en-tête ou le pied de page.

1. Ajouter une action → Dropbox → Récupérer le contenu du fichier (ou l'action qui récupère un fichier par son chemin d'accès ; dans la capture d'écran, il s'agit de Récupérer le fichier PDF à l'aide du chemin d'accès).
2. Paramètres (vérifiés à partir d'une capture d'écran) :

• Chemin du fichier (obligatoire) : Chemin d'accès complet à votre PDF dans Dropbox, par exemple : /pdf4metest/add html header footer to pdf/sample_3_page.pdfUtilisez l'icône du dossier pour naviguer si nécessaire.
• Ouvrir Paramètres avancés → ensemble Déduire le type de contenu à Oui.

3. En bas : Connecté à Dropbox. Utiliser Référence de connexion modifiée si vous devez changer de compte.

Étape 3 : Récupérer le contenu du fichier d’en-tête à l’aide du chemin d’accès (Dropbox)​

Cette étape charge le code HTML de votre en-tête (ou pied de page). Enregistrez votre code HTML compatible PDF dans un fichier (par exemple, .pdf). Header.html) dans Dropbox et lisez-le ici.

1. Ajouter une action → Dropbox → Récupérer le contenu du fichier (ou Récupérer le contenu du fichier d'en-tête à l'aide du chemin d'accès comme sur la capture d'écran).
2. Paramètres (vérifiés à partir d'une capture d'écran) :

• Chemin du fichier (obligatoire) : Chemin d'accès à votre fichier HTML, par exemple : /pdf4metest/add html header footer to pdf/Header.html.
• Paramètres avancés → Déduire le type de contenu: Oui.

3. Connecté à Dropbox. en bas.

Étape 4 : Ajouter un en-tête et un pied de page HTML au PDF (PDF4me)​

Voici l'étape principale : elle prend le PDF et le HTML et génère un nouveau PDF avec l'en-tête (ou le pied de page) appliqué.

1. Ajouter une action → PDF4me → Ajouter un en-tête et un pied de page HTML à un PDF.
2. Paramètres (vérifiés à partir d'une capture d'écran) :

• Contenu du fichier (obligatoire) : Sélectionnez la sortie à partir de Récupérer le fichier PDF à l'aide du chemin d'accès (le fichier binaire PDF de l'étape 2).
• Nom de fichierpar exemple Test.pdf (ou le nom de votre fichier PDF source).
• Contenu HTML (obligatoire) : Sélectionnez la sortie à partir de Récupérer le contenu du fichier d'en-tête à l'aide du chemin d'accès (le code HTML de l'étape 3).
• Emplacement: En-tête (ou Pied de page (si vous ajoutez un pied de page).
• Pages: tous L'en-tête et le pied de page sont donc appliqués à chaque page.
• Passer la première page: Non si vous souhaitez également que l'en-tête figure sur la première page ; définissez sur Oui pour l'éviter.
• Marge supérieure (px)par exemple 15 (pixels). Laissez Marge gauche, Marge droite, et Marge inférieure vider ou remplir selon les besoins.

3. En bas : Connecté à PDF4me. Utilisez votre Clé API PDF4me lors de la création de la connexion.

Étape 5 : Créer un fichier (Dropbox)​

Enregistrez le PDF généré à l'issue de l'étape « Ajouter un en-tête et un pied de page HTML » dans Dropbox (ou un autre dossier).

1. Ajouter une action → Dropbox → Créer un fichier.
2. Paramètres (vérifiés à partir d'une capture d'écran) :

• Chemin du dossier (obligatoire) : par exemple /pdf4metest/add html header footer to pdf.
• Nom de fichier (obligatoire) : par exemple Test_Output.pdf.
• Contenu du fichier (obligatoire) : Sélectionnez le sortir depuis Ajouter un en-tête et un pied de page HTML à un PDF (le PDF modifié). N'utilisez pas le fichier de sortie de « Obtenir le PDF », car il s'agit du fichier original ; le nouveau fichier est celui généré par l'action PDF4me.

3. Connecté à Dropbox. en bas.

Exécutez le flux. Vous devriez voir un nouveau fichier (par exemple, Test_Output.pdf) dans le dossier contenant l'en-tête ou le pied de page HTML. Pour la documentation complète, voir Ajouter un en-tête et un pied de page HTML à un PDF dans Power Automate.

Exemples d'extraits HTML : Copier et tester​

Utilisez ces Compatible avec les PDF extraits dans le Ajouter un testeur d'API d'en-tête et de pied de page HTML ou Power Automate. Développez n'importe quel extrait ci-dessous pour afficher et copier le code.: permet de garder la liste courte jusqu'à ce que vous en ayez besoin.

En-têtes​

<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 11px;">
 <tr>
 <td style="width: 50%; vertical-align: top;"></td>
 <td style="width: 50%; text-align: right; vertical-align: top;">
 Author: Per Nordqvist<br/>
 Date: 2025-11-12<br/>
 Revision: 4.24
 </td>
 </tr>
</table>

<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 11px;">
 <tr>
 <td style="width: 50%; vertical-align: top;">Document title</td>
 <td style="width: 50%; text-align: right;">
 Author: Your Name | Date: 2025-11-12 | Page 1 of 5
 </td>
 </tr>
</table>

<div style="text-align: center; font-family: Arial, sans-serif; font-size: 12px; color: #333333;">Document Title - Confidential</div>

<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 11px;">
 <tr>
 <td style="width: 25%; vertical-align: middle;">[Logo]</td>
 <td style="width: 50%; text-align: center; vertical-align: middle;">Project Report 2025</td>
 <td style="width: 25%; text-align: right; vertical-align: middle;">2025-11-12 | v1.0</td>
 </tr>
</table>

<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 12px; border-bottom: 1px solid #cccccc;">
 <tr>
 <td style="padding: 4px 0;">Technical Specification</td>
 <td style="text-align: right; padding: 4px 0;">Revision 4.24</td>
 </tr>
</table>

<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif;">
 <tr>
 <td style="font-size: 14px; font-weight: bold;">Quarterly Report Q4 2025</td>
 </tr>
 <tr>
 <td style="font-size: 10px; color: #666666;">Prepared by Finance Team</td>
 </tr>
</table>

<div style="text-align: right; font-family: Arial, sans-serif; font-size: 10px;">Author: Jane Doe<br/>Date: 2025-11-12<br/>Doc ref: DR-2025-001</div>

<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 11px;">
 <tr>
 <td style="width: 70%; vertical-align: top;">Contract Agreement</td>
 <td style="width: 30%; text-align: right; vertical-align: top;">Revision 4.24 | 2025-11-12</td>
 </tr>
</table>

<div style="text-align: center; font-family: Arial; font-size: 12px; color: #FF0000;">Document Header PDF4me</div>

Pieds de page​

<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 9px; color: #666666;">
 <tr>
 <td style="text-align: center; padding: 4px 0;">Confidential. For internal use only. All rights reserved.</td>
 </tr>
</table>

<div style="text-align: center; font-family: Arial, sans-serif; font-size: 10px;">Page 1 of 5</div>

<div style="font-family: Arial, sans-serif; font-size: 8px; color: #888888; text-align: center;">This document is provided as-is. No warranty.</div>

Avant d'envoyer du code HTML : liste de vérification​

Logo de l'entreprise, pieds de page spécifiques au client et informations supplémentaires​

Vous pouvez utiliser la même API Ajouter un en-tête ou un pied de page HTML pour ajouter un logo de l'entreprise dans l'en-tête, Informations de pied de page différentes selon le client, et champs supplémentaires (numéro de facture, code de projet, identifiant de compte) en générant le code HTML à partir de vos données et en le transmettant comme htmlContenu.

En-tête ou pied de page avec logo de l'entreprise​

L'API prend en charge images intégrées en HTML. Utilisez un <img> étiquette avec un URL publique ou un URI de données Base64 Le logo doit donc apparaître dans l'en-tête ou le pied de page. Veillez à ce que l'image soit petite et placée dans un tableau afin que la mise en page reste compatible avec les fichiers PDF.

<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 11px;">
 <tr>
 <td style="width: 80px; vertical-align: middle; padding-right: 12px;">
 <img src="https://your-domain.com/logo.png" alt="Logo" style="max-width: 72px; max-height: 36px; display: block;" />
 </td>
 <td style="vertical-align: middle;">
 <strong>Your Company Name</strong><br/>
 <span style="font-size: 9px; color: #666666;">Tagline or document type</span>
 </td>
 </tr>
</table>

Informations de bas de page par client​

Lorsque vous générez des PDF pour plusieurs clients, vous pouvez ajouter des informations de pied de page différentes pour chaque En construisant la chaîne HTML à partir des données de votre client ou de votre document. Dans Power Automate, utilisez les variables de « Appliquer à chaque » (par exemple, nom du client, ID du compte, référence du document) ; dans le code, construisez la chaîne à partir de votre liste ou de la réponse de l’API avant d’appeler « Ajouter un en-tête/pied de page HTML ».

<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 9px; color: #666666;">
 <tr>
 <td style="text-align: center; padding: 4px 0;">
 Prepared for: Customer Name | Account: ACC-12345 | Doc ref: INV-2025-001
 </td>
 </tr>
</table>

Ajout d'informations supplémentaires​

Vous pouvez inclure toute information supplémentaire Dans l'en-tête ou le pied de page : numéro de facture, numéro de commande, code de projet, service, révision ou texte personnalisé. Procédez de la même manière : créez une chaîne HTML unique contenant ces valeurs (issues de votre flux, liste ou base de données), puis transmettez-la comme htmlContenuVeillez à conserver une structure simple (tableau ou balise div avec styles intégrés) pour une compatibilité optimale avec les PDF. Vous pouvez y ajouter un logo ou des lignes personnalisées, comme dans les exemples ci-dessus.

Où l'utiliser : Power Automate vs API​

Vous pouvez ajouter des en-têtes et des pieds de page de deux manières :

1. Power AutomateUtilisez le Ajouter un en-tête et un pied de page HTML à un PDF action. Mettez votre PDF dans Contenu du fichier, votre HTML dans Contenu HTML, et choisissez En-tête, Pied de page, ou Les deux. Ensemble Pages (par exemple all) et les marges nécessaires.
2. API: Appel POST /api/v2/AddHtmlHeaderFooter avec docContent (PDF Base64), Nom du document, htmlContenu (HTML simple), et emplacement (En-tête, pied de page ou les deux). Facultatif : pages, skipFirstPage, et les paramètres de marge.

Utilisez le même code HTML dans les deux cas ; les extraits de code de cet article fonctionnent dans les deux situations.

Cas d'utilisation avancés​

Voici cas d'utilisation avancés pour les en-têtes et pieds de page HTML :

Prochaines étapes​

• Essayez l'APICollez votre code HTML et un exemple de PDF dans le Ajouter un en-tête et un pied de page HTML à un PDF tester et comparer les résultats.
• Raccordez-le à Power Automate: Suivre Ajouter un en-tête et un pied de page HTML à un PDF dans Power Automate et utilisez le même extrait HTML.
• Lire l'API complète: Ajouter un en-tête et un pied de page HTML à un PDF (API PDF4me) pour tous les paramètres (marges, pages, asynchrone).