É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.

Éditeur visuel

Interface en glisser-déposer pour une conception simple et intuitive

Système de grille

Positionnement précis grâce à une grille de 24 colonnes

Bibliothèque de blocs

22 types de blocs prédéfinis couvrant chaque partie d’une facture

Aperçu en direct

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é)

Conseils
  • 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.

Marque / Logo

Le logo et le nom de votre entreprise. Quatre dispositions possibles (au-dessus/en dessous/à gauche/à droite du logo). Repris depuis vos Paramètres.

Expéditeur

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.

Facturé à

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

Adresse de livraison distincte — destinataire, rue, ville, code postal, pays.

Numéro de facture

Numéro généré automatiquement selon vos règles de numérotation (préfixe, remplissage de zéros, remise à zéro annuelle).

Date d’émission

La date de création du document. Libellé et format de date personnalisables.

Date d’échéance

La date limite de paiement, reprise de la date d’échéance du document. Libellé personnalisable.

Période de service

Une date de début et une date de fin indiquant quand le travail a été réalisé.

Numéro de bon de commande

Référence du bon de commande du client. Libellé activable ou masquable.

Champs personnalisés

Toutes les paires clé-valeur dont votre activité a besoin — référence projet, code chantier, nom de jalon.

Lignes d’articles

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.

Bloc de texte

Contenu en texte enrichi avec gras, italique, couleur et alignement. Idéal pour des messages personnalisés ou des instructions de paiement.

Notes et conditions

Notes structurées et conditions générales, avec des libellés activables séparément.

Image

Téléversez n’importe quelle image avec texte alternatif, légende et modes d’ajustement (contain / cover / fill).

Montant dû

Le total mis en avant, en grand format. Aligné à gauche, au centre ou à droite — la pièce maîtresse du document.

Coordonnées de paiement

Nom de la banque, IBAN, SWIFT/BIC. Tout ce dont votre client a besoin pour effectuer un virement.

Conditions de paiement

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.

Signature

Nom du signataire, fonction, date de signature et image de signature facultative avec ligne de signature.

Séparateur

Ligne horizontale ou verticale pour séparer les sections.

Tampon de statut

Filigrane en surimpression — PAYÉE (PAID), BROUILLON (DRAFT), EN RETARD (OVERDUE), ANNULÉE (CANCELLED), ENVOYÉE (SENT). Opacité, rotation et position configurables.

Code-barres

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

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

Conseils
  • 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.

Conseils
  • 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.

Conseils
  • 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 »)