En-tête et pied de page d'un template PDF

L’en-tête et le pied de page sont des zones répétées sur chaque page du PDF généré. Elles accueillent tout ce qui doit apparaître à l’identique d’une page à l’autre : le logo de votre entreprise, le titre du document, les numéros de page ou vos coordonnées.

Activer l’en-tête et le pied de page

Dans le panneau de gauche, cochez les cases Header et/ou Footer. Vous pouvez activer l’un, l’autre, les deux, ou aucun.

Une fois activé, l’en-tête apparaît comme une zone en haut du canevas, et le pied de page en bas. Ces zones sont distinctes de vos sections : les sections occupent l’espace entre l’en-tête et le pied de page.

Ajouter du contenu

Un élément s’ajoute dans l’en-tête ou le pied de page comme ailleurs sur la page :

1. Cliquez sur un type d’élément (Text, Image, etc.) dans la palette du panneau de gauche.
2. Cliquez dans la zone d’en-tête ou de pied de page, sur le canevas : l’élément s’y place.
3. Ajustez sa position dans la zone.

Tout composant trouve sa place dans un en-tête ou un pied de page : textes, images, formes, codes-barres ou QR codes.

Redimensionner

L’en-tête et le pied de page couvrent toute la largeur de la page. Seule leur hauteur se règle :

• pour l’en-tête, tirez son bord inférieur vers le haut ou vers le bas ;
• pour le pied de page, tirez son bord supérieur vers le haut ou vers le bas.

L’en-tête et le pied de page prennent de la place sur chaque page : gardez-les compacts. Un en-tête ou un pied de page mesure en général entre 40 et 80 pixels de haut.

Usages courants

Numéros de page

Ajoutez un élément texte avec des variables système pour afficher la page en cours et le nombre total de pages :

Page {{sys.page_number}} sur {{sys.total_pages}}

Le numéro se met à jour automatiquement sur chaque page.

Logo de l’entreprise

Ajoutez un élément image avec votre logo. Placez-le dans un coin ou centrez-le, et associez-le si besoin à un élément texte avec le nom de votre entreprise.

Titre du document

Un élément texte avec un titre fixe comme « Facture », ou dynamique comme {{document_type}}.

Date

Affichez la date de génération du PDF :

Généré le {{sys.current_date}}

Toutes les variables intégrées de date et d’heure sont listées dans Variables système.

Coordonnées

Un élément texte avec l’adresse, le téléphone, l’e-mail ou le site web de votre entreprise. On le trouve surtout dans les pieds de page.

Mise en forme

Sélectionnez l’en-tête ou le pied de page pour accéder à ses propriétés, dans la barre d’outils du haut et le panneau de droite :

• Fond : une couleur de fond pour le distinguer visuellement du contenu principal
• Bordure : personnalisez la ligne qui le sépare du corps de la page
• Marge intérieure : un espace intérieur pour que le contenu ne touche pas les bords

En-tête, pied de page et marges de la page

Les marges de la page et l’en-tête / pied de page fonctionnent ensemble. L’en-tête se place dans la marge du haut, le pied de page dans la marge du bas, et vos sections occupent l’espace entre les deux.

Avec un en-tête et de grandes marges en haut, équilibrez la hauteur de l’en-tête et la marge pour obtenir la mise en page voulue.

Étapes suivantes

• Sections : structurez le corps de votre template
• Composants : les éléments à placer dans l’en-tête et le pied de page
• Variables système : numéros de page, dates et autres variables intégrées