Guide d’utilisation

Éditeur de modèles personnalisés

Composez votre propre mise en page de facture depuis les 25 modèles de la galerie ou d'une page vierge, stylez chaque élément et appliquez-la.

Mis à jour: 2026-09-09

Les douze designs intégrés conviennent à la plupart des factures, mais ils décident à votre place de l’emplacement du logo, des dates et de l’adresse du client. L’éditeur de modèles personnalisés vous laisse composer ces éléments vous-même. Vous placez des éléments dans six emplacements autour d’un corps fixe, vous stylez chacun d’eux et vous enregistrez le résultat comme votre propre modèle. Dès lors, n’importe quelle facture peut basculer vers ce modèle en deux appuis, et le PDF est dessiné par un moteur de rendu personnalisé distinct plutôt que par l’un des douze designs.

Ce guide suit Nadia Okafor, de Fern & Petal Floral Design Studio à Portland, Oregon. Elle veut une page sobre, essentiellement blanche, pour ses clients hôteliers et restaurateurs : un logo large et deux lignes de contact à gauche, les informations de la facture et l’adresse du client à droite, et une unique ligne de remerciement verte dans le pied de page. Sa facture FP-2026-0218 adressée à l’Alder Street Hotel sert d’exemple pour le PDF final. Elle gère aussi un second profil professionnel, Fern & Petal Weddings, ce qui explique l’apparition de la fonction de restriction par profil en cours de route.

Ce que vous voyez à l’écran

Les modèles personnalisés se trouvent dans Paramètres (Settings), sous la ligne Modèles PDF (PDF templates), dont le sous-titre indique « Build and manage your own layouts ». L’écran comporte trois onglets. Les miens (Mine) liste les modèles que vous avez enregistrés sous forme de grille de cartes à deux colonnes. Galerie (Gallery) contient 25 mises en page de départ réparties en six catégories, qui s’ouvrent dans l’éditeur déjà remplies. Palettes est l’endroit où l’on construit des jeux de couleurs personnalisés ; cet onglet est traité dans le guide des palettes et n’a d’importance ici que parce qu’un modèle enregistré mémorise la palette qu’il utilise.

Chaque carte de l’onglet Les miens affiche une vignette schématique dessinée d’après la mise en page (des barres colorées, pas un vrai rendu PDF), le nom du modèle en gras et une ligne de portée indiquant soit Tous les profils (All profiles), soit Limité à des profils spécifiques (Restricted to specific profiles). Un bouton blanc à trois points, dans le coin de la vignette, ouvre un menu avec Dupliquer (Duplicate) et Supprimer (Delete). Un appui n’importe où ailleurs sur la carte ouvre l’éditeur. Le bouton + en bas à droite démarre un modèle vierge. Lorsque la liste est vide, l’écran affiche « Aucun modèle personnalisé pour l’instant. Appuyez sur + pour en créer un. »

Écran Modèles PDF de l'application Invoice Flow sur l'onglet Les miens avec trois cartes : Fern & Petal minimal en vert marquée Tous les profils, Wedding proposal en rose marquée Limité à des profils spécifiques, et Wholesale stems en anthracite, plus un bouton +
L'onglet Les miens liste les modèles enregistrés ; la vignette est un schéma de la mise en page dans sa palette.

L’éditeur lui-même est une page unique qui défile. La barre de titre est un champ de nom modifiable portant l’indication Nom du modèle (Template name), suivi de trois commandes : une icône en forme d’œil (Aperçu, Preview), une icône de curseurs (Portée et options, Scope & options) et le bouton Enregistrer (Save). Sous la barre vient un titre En-tête (Header) avec trois cadres intitulés Gauche (Left), Centre (Center) et Droite (Right), puis un bloc gris intitulé Corps (fixe) (Body (fixed)) qui liste « Items table, Totals, Signature », puis un titre Pied de page (Footer) avec une autre rangée Gauche, Centre et Droite, et enfin une carte Portée (Scope) dont le sous-titre reprend le réglage de disponibilité.

Chaque élément que vous placez apparaît sous forme de pastille arrondie dans sa colonne, avec son nom et un petit bouton à trois points. Les éléments masqués portent une icône d’œil barré. Chaque colonne se termine par un bouton + qui ouvre le catalogue d’éléments.

Éditeur de modèles personnalisés de l'application Invoice Flow intitulé Fern & Petal minimal : rangée En-tête avec Logo large, Nom de l'entreprise, E-mail et Site web dans la colonne Gauche, une colonne Centre vide, et Titre de la facture, Numéro de facture, Date d'émission, Date d'échéance, Espacement et Bloc client dans la colonne Droite ; un bloc gris Corps (fixe) ; une rangée Pied de page avec Conditions de paiement, Texte personnalisé et Identifiants fiscaux
La mise en page finale de Nadia : six colonnes autour du corps fixe, une pastille par élément.

Le plus important à comprendre, c’est ce qui ne figure pas sur cette page. Il n’y a pas de sélecteur de format de page, pas de champ de marge, pas de curseur de largeur de colonne et aucun contrôle sur le tableau des lignes, le bloc des totaux ou la signature. Le corps est toujours imprimé dans cet ordre entre la rangée d’en-tête et la rangée de pied de page, avec la palette utilisée à la création du modèle. Ce que vous contrôlez, c’est tout ce qui se trouve au-dessus et en dessous.

Comment démarrer un modèle

Vous pouvez partir d’un modèle de la galerie ou d’une page vierge. La voie de la galerie est plus rapide, car la mise en page est déjà cohérente : il ne reste qu’à supprimer ou restyler ce dont vous ne voulez pas.

  1. Ouvrez Paramètres et appuyez sur Modèles PDF.
  2. Passez à l'onglet Galerie et choisissez une pastille de catégorie telle que Minimaliste (Minimal). Faites défiler la bande des palettes et appuyez sur un nom de palette si vous voulez recolorer le modèle de départ ; Par défaut (Default) conserve la palette propre à chaque modèle.
  3. Appuyez sur une carte. L'éditeur s'ouvre avec la mise en page du modèle de départ déjà remplie et son nom déjà saisi dans le champ de titre.
  4. Pour partir de rien, restez sur l'onglet Les miens et appuyez sur +. L'éditeur vierge n'est pas réellement vide : la colonne Gauche de l'en-tête contient Logo large, Nom de l'entreprise, Adresse, Téléphone et E-mail, la colonne Droite de l'en-tête contient un Titre de la facture en gras, le Numéro de facture, la Date d'émission et la Date d'échéance alignés à droite, et la colonne Gauche du pied de page contient Conditions de paiement et Notes.
  5. Remplacez le nom dans le champ de titre par le vôtre, par exemple Fern & Petal minimal. Un modèle ne peut pas être enregistré sans nom.

La palette choisie dans la bande de la galerie est inscrite dans le nouveau modèle, et c’est le seul moment où la palette d’un modèle personnalisé est définie ; l’éditeur n’a pas de sélecteur de palette propre. Pour obtenir la même mise en page dans une autre palette, rouvrez-la depuis la galerie avec une autre pastille sélectionnée.

Comment disposer et styler les éléments

La page minimaliste de Nadia est issue du modèle vierge après quelques changements : elle supprime Adresse et Téléphone de l’en-tête, ajoute Site web, déplace le bloc client dans la colonne de droite sous les dates, et place une ligne de remerciement dans le pied de page.

  1. Appuyez sur + au bas de la colonne où l'élément doit aller. Une feuille liste tous les éléments disponibles dans un ordre fixe : Logo carré (Square logo), Logo large (Wide logo), Nom de l'entreprise (Company name), Nom du contact (Contact name), Adresse (Address), Téléphone (Phone), E-mail (Email), Site web (Website), Identifiants fiscaux (Tax IDs), Liens (Links), Titre de la facture (Invoice title), Numéro de facture (Invoice number), Date d'émission (Issue date), Date d'échéance (Due date), Bloc client (Client block), Nom du client (Client name), Conditions de paiement (Payment terms), Notes, Texte personnalisé (Custom text), Espacement (Spacer) et Séparateur (Divider). Appuyez sur l'un d'eux et il est ajouté au bas de cette colonne.
  2. Pour changer l'ordre, appuyez sur le bouton à trois points d'une pastille et choisissez Monter (Move up) ou Descendre (Move down). La première pastille n'a pas de Monter et la dernière pas de Descendre. Le même menu contient Supprimer.
  3. Pour déplacer un élément vers une autre colonne, supprimez-le puis rajoutez-le depuis le + de cette colonne ; il n'y a ni glisser-déposer ni couper-coller entre colonnes.
  4. Appuyez sur le corps d'une pastille pour ouvrir Paramètres de l'élément (Element settings). Désactivez Visible pour conserver l'élément en place tout en l'excluant du PDF.
  5. Saisissez un nombre dans Taille de police (vide = par défaut) (Font size (blank = default)) pour remplacer la taille par défaut, ou laissez le champ vide. Choisissez Normal ou Gras (Bold) sous Graisse, Gauche, Centre ou Droite sous Alignement, et Par défaut, Primaire (Primary), Accent ou Atténué (Muted) sous Couleur.
  6. Pour un élément Texte personnalisé, saisissez le libellé dans la zone Texte (Text) (jusqu'à trois lignes visibles ; un texte plus long défile). Pour un Espacement, indiquez la Hauteur (px) (Height (px)) ; la valeur par défaut est 8.
  7. Appuyez sur Appliquer (Apply) pour conserver les modifications de cet élément, ou sur Annuler (Cancel) pour les abandonner.
Feuille du catalogue d'éléments de l'application Invoice Flow par-dessus l'éditeur de modèles, listant Logo carré, Logo large, Nom de l'entreprise, Nom du contact, Adresse, Téléphone, E-mail, Site web, Identifiants fiscaux et Liens avec des icônes
Le catalogue ouvert depuis le bouton + d'une colonne ; la liste se poursuit sous Liens.
Éditeur de modèles de l'application Invoice Flow avec le menu à trois points de la pastille Nom de l'entreprise ouvert, affichant Monter, Descendre et Supprimer en rouge
Le réordonnancement se fait une étape à la fois depuis le menu de la pastille.

La ligne de pied de page de Nadia est un élément Texte personnalisé placé dans la colonne Centre du pied de page, avec Gras, Centre et Accent sélectionnés. Accent correspond à la couleur d’accentuation de la palette : dans sa palette Forest, la ligne s’imprime donc en vert, et elle deviendrait rose ou bleue si elle reconstruisait le modèle avec une autre palette.

Feuille Paramètres de l'élément de l'application Invoice Flow pour un élément Texte personnalisé : Visible activé, Texte indiquant Thank you for letting us bring flowers into your space, Taille de police vide, Graisse Gras, Alignement Centre et Couleur Accent sélectionnés, avec les boutons Annuler et Appliquer
Les paramètres de l'élément pour la ligne de remerciement du pied de page.

Les quatre choix de couleur sont des jetons, pas des couleurs fixes. Par défaut s’imprime en noir, Atténué en gris moyen, Primaire utilise la couleur d’en-tête de la palette et Accent sa couleur d’accentuation. Espacement et Séparateur n’ont ni police, ni graisse, ni alignement, ni couleur : un espacement n’a que sa hauteur et un séparateur est toujours un mince filet gris avec un léger espacement.

Bloc client empile le nom, l’adresse, l’e-mail et le téléphone du client dans une seule colonne, tandis que Nom du client n’imprime que le nom ; Nadia utilise le bloc, aligné à droite en 9 points, pour qu’il se glisse sous les dates.

Comment limiter un modèle à certains profils et l’enregistrer

Par défaut, un modèle enregistré est proposé sur tous les profils professionnels. La mise en page « mariage » de Nadia ne doit apparaître que sur son profil Weddings : elle la restreint donc.

  1. Dans l'éditeur, appuyez sur l'icône de curseurs Portée et options, ou sur la carte Portée au bas de la page.
  2. Dans la feuille Disponibilité du modèle (Template availability), choisissez Limiter à des profils spécifiques (Restrict to specific profiles).
  3. Cochez les pastilles des profils qui doivent voir le modèle ; chaque profil professionnel apparaît sous son nom. Laissez plutôt Disponible sur chaque profil professionnel (Available on every business profile) sélectionné si vous ne voulez aucune restriction.
  4. Appuyez sur Terminé (Done). Le sous-titre de la carte Portée devient Limité à 1 profil(s), ou le nombre que vous avez coché.
  5. Appuyez sur Enregistrer dans la barre de titre. Le bouton affiche un petit indicateur de chargement pendant l'écriture du modèle, puis l'éditeur se ferme et la carte apparaît en haut de l'onglet Les miens.
Feuille Disponibilité du modèle de l'application Invoice Flow par-dessus l'éditeur du modèle Wedding proposal, avec Limiter à des profils spécifiques sélectionné et la pastille Fern & Petal Weddings cochée tandis que la pastille Nadia Okafor ne l'est pas
Restriction du modèle de mariage au profil Weddings.

Avant d’enregistrer, vous pouvez appuyer sur l’icône en forme d’œil pour ouvrir l’Aperçu. Il rend la mise en page à travers le vrai moteur PDF avec les données de votre profil par défaut, en dessinant des espaces réservés en gris italique tels que « [example: acme.com] » là où un champ est vide, et il propose une bande de palettes qui permet de voir la même mise en page dans d’autres couleurs. Cette bande sert uniquement à regarder : fermer l’aperçu ne change pas la palette du modèle.

Comment appliquer un modèle personnalisé à une facture

Un modèle personnalisé n’est pas un réglage global. Chaque facture conserve son propre choix, et le design intégré et la palette enregistrés sur la facture restent en place en dessous, ce qui permet de revenir en arrière à tout moment.

  1. Ouvrez la facture dans l'éditeur et faites défiler au-delà des cartes de paiement jusqu'à la carte Sélectionner un modèle (Select Template).
  2. Juste en dessous, appuyez sur la flèche de déploiement de la carte Modèle personnalisé (Custom template). Cette carte n'existe que si au moins un modèle enregistré est disponible pour le profil professionnel de la facture.
  3. Choisissez un modèle par son nom dans le menu. Le sous-titre de la carte passe de Utilisation du modèle intégré (Using built-in template) au nom du modèle, et le sous-titre de Sélectionner un modèle, au-dessus, indique désormais Modèle personnalisé.
  4. Enregistrez la facture. Chaque aperçu, partage et export de cette facture passe désormais par le moteur de rendu personnalisé.
  5. Pour revenir au design intégré, ouvrez le même menu et choisissez Utiliser intégré (Use built-in). Le design et la palette choisis auparavant sont toujours là.
Éditeur de facture de l'application Invoice Flow déroulé jusqu'à la carte Sélectionner un modèle indiquant Modèle personnalisé, et la carte Modèle personnalisé en dessous affichant Fern & Petal minimal, avec son menu ouvert listant Utiliser intégré, Fern & Petal minimal et Wholesale stems
La carte Modèle personnalisé liste Utiliser intégré ainsi que tous les modèles visibles pour ce profil.

Le modèle Wedding proposal est absent du menu de Nadia parce que cette facture appartient au profil du studio et que ce modèle est restreint au profil Weddings. Voici FP-2026-0218 rendue avec le modèle minimaliste.

PDF de l'application Invoice Flow de la facture FP-2026-0218 issue d'un modèle personnalisé : logo Fern & Petal, nom de l'entreprise, e-mail et site web à gauche ; titre INVOICE vert, numéro, dates et adresse de l'Alder Street Hotel à droite ; tableau des lignes à en-tête vert avec quatre lignes totalisant 2 186,00 $ ; conditions de paiement, ligne de remerciement verte centrée et identifiant fiscal dans le pied de page
Le moteur de rendu personnalisé imprime les rangées d'en-tête et de pied de page telles que conçues, autour du tableau des lignes et des totaux standard.

Règles et détails

Astuces

Partez de la Galerie, pas d'une page vierge, si vous voulez une autre palette. Le modèle vierge est toujours en Ocean, et il n'existe aucun moyen de recolorer un modèle par la suite, si ce n'est en le recréant depuis une carte de la galerie avec la bonne pastille sélectionnée.
Utilisez un Espacement dans la colonne Droite de l'en-tête, entre les dates et le Bloc client, comme le fait Nadia, plutôt que de combler avec des éléments Texte personnalisé vides. Un espacement n'imprime que sa hauteur : il ne risque donc jamais de laisser des caractères parasites sur la page.
Si vous gérez plusieurs profils professionnels, créez un modèle général avec la portée Tous les profils et ne restreignez que les modèles particuliers. Le menu Modèle personnalisé d'une facture affiche d'abord les modèles généraux, suivis de ceux liés au profil de cette facture.

Guides associés