Éditeur de modèles
Concevez des modèles personnalisés de factures et de devis par glisser-déposer
Aperçu de l’éditeur de modèles
L’Éditeur de modèles (Template Builder) est un puissant éditeur visuel qui vous permet de concevoir des mises en page personnalisées pour vos factures et vos devis. Grâce à une interface en glisser-déposer reposant sur un système de blocs, vous créez des documents professionnels à votre image, sans la moindre ligne de code.
Ce que contrôlent les modèles : - La mise en page et la structure du document - La position et la taille des blocs sur une grille précise - Les éléments qui apparaissent sur le document (et ceux qui n’apparaissent pas) - Le style visuel de chaque bloc - L’apparence générale du document et votre identité visuelle
Avantages des modèles : - Une identité visuelle cohérente sur tous vos documents - Une apparence professionnelle qui reflète votre marque - Un changement de modèle rapide lors de la création de documents - Des designs réutilisables pour différents usages - Aucune compétence en programmation ou en design requise
Remarque : l’Éditeur de modèles est disponible sur tous les plans.
Interface en glisser-déposer pour une conception simple et intuitive
Positionnement précis grâce à une grille de 24 colonnes
22 types de blocs prédéfinis couvrant chaque partie d’une facture
Visualisez vos changements en temps réel sur un canevas au format A4, avec en plus un aperçu PDF généré à partir de données d’exemple
Interface de l’éditeur
L’Éditeur de modèles utilise une disposition en trois panneaux, pensée pour créer des modèles efficacement.
Panneau de gauche - palette de blocs : - Les types de blocs disponibles pour le type de document en cours (facture ou devis) - Des blocs regroupés par catégorie : Client, Articles et produits, Totaux, Informations de facture, Général - Un champ de recherche pour retrouver rapidement un bloc par son nom - Faites glisser les blocs sur le canevas (ou, sur mobile, touchez-les pour les ajouter) - Chaque bloc dispose d’une icône, d’un nom et d’une description en infobulle
Panneau central - canevas : - Canevas au format A4 qui s’adapte à l’écran tout en conservant les proportions A4 - Un quadrillage en surimpression pour un alignement précis - Glissez-déposez les blocs pour les positionner ; redimensionnez-les en tirant sur les bords ou les coins ; déplacez-les finement avec les touches fléchées - Cliquez sur n’importe quel bloc pour le sélectionner et ouvrir ses réglages - Affiche un aperçu en direct avec des données d’exemple localisées
Panneau de droite - configuration : Lorsqu’un bloc est sélectionné, ce panneau affiche les réglages de ce bloc ; sans sélection, il affiche les Paramètres de page (Page Settings) : - Position du bloc (colonne, ligne sur la grille) et taille (largeur en colonnes, hauteur en lignes) - Onglets « Champs » (Fields) et « Styles » (Styles) propres au bloc (affichez ou masquez des champs individuels sans supprimer le bloc) - Boutons « Réinitialiser » (Reset) (rétablir les valeurs par défaut du bloc) et « Supprimer » (Delete) - Paramètres de page : marges, fond de page, échelle du texte et pagination
Commandes d’en-tête : - Bouton de retour (quitter l’éditeur ; un avertissement s’affiche si des modifications ne sont pas enregistrées) - Champ de saisie du nom du modèle - Bouton « Mise en page » (Page Setup) (bascule le panneau de droite vers les réglages au niveau de la page) - Bouton « Effacer » (Clear) (retire tous les blocs du canevas, après confirmation) - « Aperçu PDF » (Preview PDF) (génère un aperçu PDF avec des données d’exemple dans une fenêtre modale) - Bouton « Enregistrer » (Save) (pour un nouveau modèle, un nom vous est d’abord demandé)
- Utilisez le quadrillage et les touches fléchées pour aligner les blocs avec précision
- Utilisez « Aperçu PDF » (Preview PDF) pour voir le PDF final rendu avec des données d’exemple
- Enregistrez fréquemment pour éviter de perdre votre travail
- Donnez à vos modèles des noms descriptifs pour les identifier facilement (p. ex. « Bleu moderne », « Minimal », « Détaillé »)
Blocs disponibles
L’Éditeur de modèles propose 22 types de blocs. Chaque facture ou devis est composé de ces blocs — vous choisissez lesquels inclure et où les placer sur la grille. Dans la palette, ils sont regroupés en catégories : Client, Articles et produits, Totaux, Informations de facture et Général.
Ci-dessous, les blocs sont regroupés par fonction pour faciliter la lecture :
Les blocs d’identité indiquent de qui provient le document et à qui il est destiné. Les blocs de document contiennent les métadonnées — numéros, dates, références. Les blocs de contenu portent le corps du document : lignes d’articles, texte, images, notes. Les blocs financiers affichent les totaux, les informations de paiement et les conditions. Les blocs de mise en page structurent le document — séparateurs, tampons, codes.
Chaque bloc est facultatif, redimensionnable et peut être stylisé indépendamment.
Le logo et le nom de votre entreprise. Quatre dispositions possibles (au-dessus/en dessous/à gauche/à droite du logo). Repris depuis vos Paramètres.
Le nom, l’adresse, le numéro de TVA, le téléphone et l’e-mail de votre entreprise. Renseigné depuis vos Paramètres.
Les coordonnées de facturation du client. Se remplit automatiquement à partir du client sélectionné, avec une ligne de numéro de TVA activable.
Adresse de livraison distincte — destinataire, rue, ville, code postal, pays.
Numéro généré automatiquement selon vos règles de numérotation (préfixe, remplissage de zéros, remise à zéro annuelle).
La date de création du document. Libellé et format de date personnalisables.
La date limite de paiement, reprise de la date d’échéance du document. Libellé personnalisable.
Une date de début et une date de fin indiquant quand le travail a été réalisé.
Référence du bon de commande du client. Libellé activable ou masquable.
Toutes les paires clé-valeur dont votre activité a besoin — référence projet, code chantier, nom de jalon.
Tableau de lignes d’articles entièrement configurable. Activez ou masquez les colonnes (description, quantité, prix unitaire, remise, taxe, montant). Sélectionnez des produits depuis votre catalogue ; les totaux se calculent automatiquement.
Contenu en texte enrichi avec gras, italique, couleur et alignement. Idéal pour des messages personnalisés ou des instructions de paiement.
Notes structurées et conditions générales, avec des libellés activables séparément.
Téléversez n’importe quelle image avec texte alternatif, légende et modes d’ajustement (contain / cover / fill).
Le total mis en avant, en grand format. Aligné à gauche, au centre ou à droite — la pièce maîtresse du document.
Nom de la banque, IBAN, SWIFT/BIC. Tout ce dont votre client a besoin pour effectuer un virement.
Net 7, 15, 30, 60, 90, paiement à réception (Due on Receipt) ou texte personnalisé. Affiche la politique de pénalités de retard si elle est activée.
Nom du signataire, fonction, date de signature et image de signature facultative avec ligne de signature.
Ligne horizontale ou verticale pour séparer les sections.
Filigrane en surimpression — PAYÉE (PAID), BROUILLON (DRAFT), EN RETARD (OVERDUE), ANNULÉE (CANCELLED), ENVOYÉE (SENT). Opacité, rotation et position configurables.
Code-barres CODE128 ou CODE39. La valeur peut provenir du numéro de facture, du numéro de bon de commande ou d’un champ personnalisé.
Code QR dynamique pointant vers une page de paiement, une URL ou toute valeur personnalisée.
Personnaliser les blocs
Chaque bloc peut être personnalisé via le panneau de configuration à droite de l’éditeur, lorsqu’il est sélectionné.
Réglages communs (tous les blocs) : - Position X - position horizontale sur la grille de 24 colonnes (colonne 1 à 24) - Position Y - position verticale (numéro de ligne) - Largeur - nombre de colonnes occupées par le bloc (1 à 24) - Hauteur - nombre de lignes occupées par le bloc
Réglages propres à chaque bloc : Les options de configuration varient selon les blocs : - Bloc de texte - contenu du texte, taille de police, alignement du texte - Lignes d’articles - largeur des colonnes, affichage ou masquage de colonnes spécifiques - Bloc de date - format de date, libellé personnalisé - Logo/Marque - taille, alignement à l’intérieur du bloc - Expéditeur/Facturé à - champs à afficher, personnalisation des libellés
Visibilité des champs : Utilisez l’onglet « Champs » (Fields) d’un bloc pour afficher ou masquer ses champs individuels (libellés, dates, colonnes, lignes d’adresse, etc.) sans retirer le bloc. C’est utile lorsque vous souhaitez un rendu plus épuré tout en conservant le bloc dans votre design.
Style : Certains blocs prennent en charge un style personnalisé : - Taille de police - Alignement du texte (gauche, centre, droite) - Styles de bordure - Couleurs de fond
- Commencez avec les positions par défaut, puis ajustez au besoin
- Utilisez le réglage de largeur pour contrôler l’espace horizontal occupé par un bloc
- Masquez des champs individuels depuis l’onglet « Champs » (Fields) plutôt que de supprimer un bloc dont vous pourriez avoir besoin plus tard
- Testez votre modèle avec de vraies données de facture grâce à l’aperçu dans l’éditeur
- La grille de 24 colonnes permet des mises en page multi-colonnes précises
Modèles prêts à l’emploi
Invotify inclut douze modèles prêts à l’emploi, conçus par des professionnels, que vous pouvez utiliser comme point de départ ou directement comme mise en page de vos factures. Ils sont disponibles sur tous les plans.
Cinq designs de style (des looks polyvalents) : - Classique professionnel (Classic Business) - mise en page traditionnelle et corporate, à l’allure soignée - Minimaliste moderne (Modern Minimal) - design contemporain avec beaucoup d’espace blanc et des accents subtils - Corporate professionnel (Professional Corporate) - mise en page complète avec tous les champs professionnels (numéro de bon de commande, code QR, etc.) - Créatif audacieux (Creative Bold) - design accrocheur aux accents marqués pour les entreprises créatives - Compact efficace (Compact Efficient) - mise en page compacte pour des factures rapides tenant sur une seule page
Sept designs par type d’entreprise (chacun adapté à un secteur et s’appuyant sur des blocs différents) : - Conseil (Consulting) - mise en page épurée pour les services professionnels - Juridique (Legal & Law) - mise en page formelle avec champs de dossier/référence - Studio de création (Creative Studio) - mise en page audacieuse et orientée design pour les studios et agences - Tech et SaaS (Tech & SaaS) - mise en page moderne adaptée aux logiciels et aux abonnements - Construction et artisanat (Construction & Trades) - mise en page orientée chantier avec détails du site et conditions - Comptabilité et finance (Accounting & Finance) - mise en page précise, axée sur les chiffres - Architecture - mise en page orientée projet avec périodes de service
Chacun est une mise en page distincte qui met en valeur des blocs différents (coordonnées de paiement, notes et conditions, période de service, signature, champs personnalisés, tampon de statut, numéro de bon de commande, adresse de livraison, …) — et non le même squelette recoloré.
Boutique de designs : La page Modèles comporte une section « Designs professionnels » (Professional Designs) regroupant ces designs sélectionnés : - Parcourez les designs de modèles disponibles - Cliquez sur Aperçu (Preview) sur n’importe quel design pour voir son rendu avec des données d’exemple - Cliquez sur Ajouter (Add) pour copier un design dans votre propre collection - Modifiez les designs ajoutés pour les personnaliser davantage
Ajouter un design : Lorsque vous trouvez un design prêt à l’emploi qui vous plaît : 1. Cliquez sur Aperçu (Preview) pour le voir en taille réelle 2. Cliquez sur Ajouter (Add) — le bouton devient « Ajouté » (Added) une fois la copie effectuée 3. Une copie est ajoutée à votre bibliothèque de modèles personnelle 4. Modifiez la copie pour personnaliser les couleurs, les blocs et la mise en page
Les designs ajoutés sont entièrement modifiables - vous pouvez ajouter, retirer ou repositionner n’importe quel bloc pour répondre exactement à vos besoins.
- Parcourez les designs prêts à l’emploi pour vous inspirer, même si vous comptez créer les vôtres
- Ajoutez un design prêt à l’emploi proche de ce que vous recherchez, puis personnalisez-le
- Vous pouvez avoir plusieurs modèles pour différents usages (p. ex. un pour les services, un pour les produits)
Enregistrer et utiliser les modèles
Après avoir conçu votre modèle, enregistrez-le pour pouvoir l’utiliser dans vos factures et devis.
Enregistrement : 1. Donnez à votre modèle un nom descriptif 2. Cliquez sur le bouton « Enregistrer » (Save) 3. Le modèle est enregistré dans votre compte 4. Le modèle apparaît dans le sélecteur de modèles lors de la création de documents
Utiliser les modèles : Lors de la création d’une facture ou d’un devis : 1. Cliquez sur le sélecteur de modèles dans l’éditeur 2. Parcourez vos modèles disponibles 3. Cliquez pour sélectionner un modèle 4. La mise en page du document s’actualise pour utiliser ce modèle
Gérer les modèles : - La liste des modèles affiche tous vos modèles enregistrés ainsi que les designs prêts à l’emploi - Modifiez n’importe quel modèle en l’ouvrant dans l’éditeur - Ajoutez de nouveau un design prêt à l’emploi pour disposer d’un autre point de départ à décliner - Supprimez les modèles dont vous n’avez plus besoin
Modèle par défaut : Lors de la création de nouveaux documents, votre modèle mis à jour le plus récemment est présélectionné, et le sélecteur de modèles affiche toutes les options disponibles.
- Créez des modèles différents selon les types de documents ou les catégories de clients
- Testez vos modèles avec de vraies données avant de les utiliser avec des clients
- Conservez un modèle par défaut simple pour facturer rapidement
- Nommez vos modèles clairement (p. ex. « Bleu moderne », « Blanc minimal », « Détaillé avec adresse de livraison »)