> For the complete documentation index, see [llms.txt](https://doc.weebati.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.weebati.com/pour-aller-plus-loin/modeles-de-document.md).

# Modèles de document

![](/files/VWF2jMxPOe3CEk3V4Nm9)

### 👉 Weebati met à disposition des modèles de document par défaut, **déjà prêts à être utilisés**  <a href="#progbat-met-a-disposition-des-modeles-de-document-par-defaut-deja-prets-a-etre-utilises" id="progbat-met-a-disposition-des-modeles-de-document-par-defaut-deja-prets-a-etre-utilises"></a>

### 👉 **Il vous suffit de** [**paramétrer votre entreprise**](/pour-aller-plus-loin/parametrage-du-compte.md) **pour que s'affichent automatiquement :** <a href="#progbat-met-a-disposition-des-modeles-de-document-par-defaut-deja-prets-a-etre-utilises" id="progbat-met-a-disposition-des-modeles-de-document-par-defaut-deja-prets-a-etre-utilises"></a>

**​**:digit\_one:​ Votre logo, et vos coordonnées :

![](/files/1KXPU9SSIh0PXF3TjTUN)

:digit\_two: Les données officielles (et obligatoires) de votre entreprise :

![](/files/5IoWrpYKdpf4AtKK2QwE)

​:digit\_three: Vos coordonnées bancaires :

* Si votre compte a été créé à compter du 18/10/2021 :

Vos coordonnées bancaires seront automatiquement indiquées au pied du document, pour faciliter les règlements de vos clients :&#x20;

![](/files/fyM13iKnOEMSMzMFh5Y4)

* Si votre compte a été créé avant le 18/10/2021 :

Vos coordonnées bancaires renseignées **ne s’afficheront pas automatiquement** dans vos devis et factures. Cliquez [ici](#afficher-mes-coordonnees-bancaires-iban-rib) pour savoir comment les ajouter à vos documents.

### **​**👉 **Mais vous pourrez** **créer et personnaliser vos propres modèles** : Pour des documents uniques, aux couleurs de votre entreprise ! <a href="#mais-vous-pourrez-creer-et-personnaliser-vos-propres-modeles" id="mais-vous-pourrez-creer-et-personnaliser-vos-propres-modeles"></a>

Poursuivez la lecture ci-dessous.​

{% hint style="info" %}
**Vous n'avez pas le temps ou n'arrivez pas à personnaliser votre modèle de document?​**

👉 **Contactez votre revendeur Weebati !**

Faites parvenir votre(vos) modèle(s), un devis vous sera alors adressé pour la reproduction quasi à l'identique de votre modèle.​
{% endhint %}

## Étape 1 : Créer un modèle de document personnalisé <a href="#creer-un-modele-de-document-personnalise" id="creer-un-modele-de-document-personnalise"></a>

​Il est recommandé de partir d'un modèle existant pour créer et personnaliser votre propre modèle **:**&#x20;

![](/files/wRIABuSId1dNVdPdTzlk)

:digit\_one: Ouvrez le menu "Administration > Modèles de documents"​

:digit\_two: Choisissez dans le tableau de gauche le modèle que vous souhaitez personnaliser :

* Cliquez sur le bouton "Voir", pour visualiser le modèle
* Cliquez sur le bouton "Copier dans mes modèles", pour le faire passer dans la colonne des modèles personnalisés

​:digit\_three: Donnez un nom à votre modèle, et validez​

:digit\_four: Vous pouvez maintenant personnaliser toutes les sections de ce modèle.​

## Étape 2 : Personnaliser un modèle de document <a href="#personnaliser-un-modele-de-document" id="personnaliser-un-modele-de-document"></a>

### ​:one: Sections personnalisables <a href="#sections-personnalisables" id="sections-personnalisables"></a>

<figure><img src="/files/qsZzcJTwKdklCIXPjG8p" alt=""><figcaption></figcaption></figure>

| Sections du document       | Se répète sur chaque page du document | Personnalisation "duplicable" à d'autres documents |
| -------------------------- | :-----------------------------------: | :------------------------------------------------: |
| **En-tête de page**        |          :white\_check\_mark:         |                :white\_check\_mark:                |
| ​**En-tête générique**     |                                       |                :white\_check\_mark:                |
| ​**En-tête de document**​​ |                                       |                                                    |
| **Corps du document**​​    |                                       |                :white\_check\_mark:                |
| **Pied de document**​​     |                                       |                                                    |
| **Pied de page**           |          :white\_check\_mark:         |                :white\_check\_mark:                |

👉 Ces sections contiennent chacune un éditeur enrichi qui vous permettra d'en modifier le contenu (structure, données) :

![](/files/zCclimXR2PRMIvAntx1a)

{% hint style="danger" %}
Pensez à bien enregistrer chaque section après modification.
{% endhint %}

### **​**:two: **Insérer un contenu** <a href="#inserer-un-contenu" id="inserer-un-contenu"></a>

​Pour définir la structure, l'emplacement, la taille, et l'apparence des images et données affichées dans vos documents **:**&#x200B;

:digit\_one: Cliquez dans la section que vous souhaitez modifier​

:digit\_two: Cliquez à l'emplacement où vous souhaitez apporter une modification​

:digit\_three: Insérez ce qui vous plaît, en cliquant simplement sur l'icône correspondante, dans l'éditeur, en haut de section :&#x20;

### &#x20;​![](https://1971466874-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_qXNqHctVZumhWqCXU%2Fuploads%2FYs6W1jf4hI6VuKwA1LD6%2FScreenshot%20\(20\).png?alt=media\&token=c86a1f94-ce93-4aef-b30c-ad3dd779a633)  Insérer un logo, u**ne image, ou ma signature d'entreprise**

![](/files/-MiCiVi9I_5_MnbKLISB)

​👉 Choisissez l'image, et cliquez sur le bouton "Insérer".​​

### &#x20;![](https://1971466874-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_qXNqHctVZumhWqCXU%2Fuploads%2FMH6QCJCdKZvRGQaAnUeP%2FScreenshot%20\(19\).png?alt=media\&token=e104309a-9777-45d9-9331-63ca6d49614c)  Insérer u**n tableau**

Le tableau vous permettra de mieux maîtriser l'emplacement de vos données, et la taille que celles-ci doivent prendre.

Vous pourrez définir ses dimensions, ainsi que celles des lignes, colonnes, et cellules contenues :

![](/files/PsuxGK55k0xXCI3rv523)

**​**💡 **1 millimètre =** 3,7795275591 pixels.

### &#x20;**​**![](https://1971466874-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_qXNqHctVZumhWqCXU%2Fuploads%2FysRMPdzpZagfJ2vhycl1%2FScreenshot%20\(21\).png?alt=media\&token=35711676-d298-418d-8d43-fd41ed1e5197)  Insérer u**ne division**

Kézako? Une division, c'est un bloc, comme une cellule de tableau, qui va accueillir du contenu, et que l'on va pouvoir mettre en forme facilement **:**&#x20;

![](/files/IQzJZbd2BJUwaFrqvrRf)

### &#x20;![](https://1971466874-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_qXNqHctVZumhWqCXU%2Fuploads%2FPLtpOQAOJ3rUcRS6vdM5%2FScreenshot%20\(24\).png?alt=media\&token=b5de10b1-2249-4290-92f1-6e1c4cb63545)  Insérer u**ne ligne séparatrice**

![](/files/LoPCgYFuUx6xIQ8S3G6F)

### &#x20;![](https://1971466874-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_qXNqHctVZumhWqCXU%2Fuploads%2FHpXGTApy2W9cXkZoouMr%2FScreenshot%2010.png?alt=media\&token=a7ce5235-3e35-446e-8956-4b25bccf5139)  Insérer u**n saut de page**

À l'impression, le logiciel passera à la page suivante en rencontrant la ligne "Saut de page".​

### **​**![](https://1971466874-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_qXNqHctVZumhWqCXU%2Fuploads%2FysCszAu81HsNWHYyERLi%2FScreenshot%20\(23\).png?alt=media\&token=8dfa8c69-57c4-4f11-8473-2b689cd2a91d)Accéder au **Code source**

Réservé au public aguerri 😉

​Pour ceux qui veulent aller plus loin, vous pourrez directement modifier le code source de vos contenus, lorsque ce bouton s'affiche.​

### **​**:three: **Insérer et saisir des données** <a href="#inserer-et-saisir-des-donnees" id="inserer-et-saisir-des-donnees"></a>

:digit\_one: **Les tags**

Les tags sont des données qui se présentent comme cela : **@Information**.

Le tag va aller chercher l'information là où elle se trouve sous le logiciel. Par exemple : le tag @nomTiers ira chercher le nom du client dans un devis ou une facture, ou du fournisseur dans une commande.

La **liste complète** de tags disponibles se trouve sur la partie droite de la page, dans les différentes rubriques.​

👉 Cliquez à l'endroit ou vous souhaitez intégrer un tag / une information​

👉 Cliquez sur le tag dans la liste à droite de la page​

👉 Il s'affichera automatiquement à l'endroit souhaité.​​

![](/files/zqo4FDQbNIhZsSXDX1KA)

:digit\_two: **Les "méta-tags"**

Certains tags affichent beaucoup plus qu'une simple valeur, et reprennent toutes les informations nécessaires, pour vous garantir de ne rien oublier, par exemple :

* **Numérotation automatique du document :** @numerotationDocument

Affiche le type et la date du document, y compris les numéros de révision ou de situation, ainsi que le devis d'origine pour une facture :

![](/files/y8brUrQUnNYoaOqVdVHV)

* **Récapitulatif des lots** : @recaptulatifLots affiche un tableau récapitulatif de tous les titres de 1er niveau de votre devis ou facture :

![](/files/nLKnmhyg5KOFxKBI5yWa)

**​**:digit\_three: **Les conditions : \[si] ... \[sinon] ... \[/si]**

Les conditions permettent d'afficher du texte ou des données selon certaines conditions.​

***Les conditions s'écrivent de la manière suivante :***

**`[si`` `*****`@tag`*****`]`**`texte à afficher`**`[/si]`**

​👉 Prenons un exemple concret :

**`[si`` `*****`@contactClient`*****`]`**`À l'attention de`` `*`@contactClient`***`[/si]`**

​👉 Il faut comprendre :

"\[Si un contact client est renseigné dans la fiche client], alors affiche le texte 'À l'attention de' et va chercher le nom du contact client dans la fiche client, \[/Fin de la condition]"​

👉 Résultat affiché à l'impression du document :

![](https://1971466874-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_qXNqHctVZumhWqCXU%2Fuploads%2FFRdVTjOKE5OPjGkWZKjM%2FScreenshot%2014.png?alt=media\&token=a9472d00-ae55-4409-8284-872ab208aee0)

Pour aller plus loin, voici ce que vous pourrez faire avec les conditions, au travers d'exemples concrets :

* **`[si`` `*****`@estSituation`*****`]`**`Situation n°`` `*`@numSituation`***`[/si]`**

*Traduction : Si le document est une situation de travaux, alors affiche le texte 'Situation n°' et va chercher le numéro de situation dans la facture.*

* **`[si @tauxRetenueGarantie > 0]`**` ``Retenue de garantie :`` `*`@tauxRetenueGarantie`*` ``%`` `**`[/si]`**

*Traduction : Si le taux de la retenue de garantie est supérieur à 0, alors affiche le texte 'Retenue de garantie :' et va chercher le taux de la retenue de garantie, en ajoutant à la fin le texte '%'.*

* **`[si @tauxRetenueGarantie = 0]`**` ``Aucune retenue de garantie n'est appliquée`` `**`[/si]`**

*Traduction : Si le taux de retenue de garantie est égal à 0, alors affiche le texte 'Aucune retenue de garantie n'est appliquée'.*

* **`[si @numRevision]`** *`@dateRevision`* **`[sinon]`** *`@dateCreation`* **`[/si]`**

*Traduction : Si le devis contient un numéro de révision, alors affiche la date de révision du devis ; si le devis ne contient pas de numéro de révision, alors affiche la date de création du devis.*

### ​:four: Personnaliser le tableau du corps du document <a href="#personnaliser-le-tableau-du-corps-du-document" id="personnaliser-le-tableau-du-corps-du-document"></a>

:digit\_one: Sélectionnez un type de ligne (Titre, ouvrage, commentaire) pour y appliquer une mise en forme, à choisir dans l'éditeur juste au dessus du tableau : police, taille, couleur, couleur de fond, etc...​

💡Astuce : La dernière icône du menu, représentant le signe **€**, permet d'afficher ou non les prix de la ligne sélectionnée.​​

:digit\_two: Ajoutez ou masquez des colonnes :

![](/files/P1Cul9768X1nQZfEts4P)

:digit\_three: Cochez les éléments à afficher, ou décochez-les pour les masquer :

![](/files/isq8z7s4DKar7OYfSs1x)

## Afficher mes coordonnées bancaires - IBAN / RIB <a href="#afficher-mes-coordonnees-bancaires-iban-rib" id="afficher-mes-coordonnees-bancaires-iban-rib"></a>

​​:digit\_one: Ajoutez d'abord vos données bancaires sous Weebati : Cliquez[ ici](/aide-au-demarrage/parametrage-de-mon-entreprise/informations-officielles-de-mon-entreprise.md#comptes-bancaires-and-iban-rib) si vous ne l'avez pas encore fait​

:digit\_two: Ouvrez votre modèle de document personnalisé : Cliquez [ici](/aide-au-demarrage/parametrage-de-mon-entreprise/informations-officielles-de-mon-entreprise.md#comptes-bancaires-and-iban-rib) si vous n'en avez pas encore créé​&#x20;

:digit\_three: Cliquez là où vous souhaitez ajouter vos coordonnées bancaires​

:digit\_four: Saisissez le texte que vous souhaitez ajouter pour présenter les données que vous allez afficher (voir exemples ci-dessous)​

:digit\_five: Cliquez dans la colonne de droite sur le ou les tags d'information à afficher​

:digit\_six: Enregistrez​.

**Exemple 1 :**&#x200B;&#x20;

👉 Ajout du RIB (Affichage plus "officiel", mais il prend de la place) :

![](/files/v1Sw9EVxEysYwIEeMVTs)

​

👉 Résultat de l'affichage dans un document :

![](/files/5Bb6cfReXKmnPd3R2vOa)

​**Exemple 2 :**&#x200B;

👉 Ajout de l'IBAN et du BIC (Affichage succinct, qui prend moins de place) :&#x20;

![](/files/zqo4FDQbNIhZsSXDX1KA)

👉 Résultat de l'affichage dans un document :&#x20;

![](/files/JidZQYH2Pij69xxqZJc4)

## Afficher des sous-totaux <a href="#lignes-de-sous-totaux" id="lignes-de-sous-totaux"></a>

Par défaut, Weebati affiche les sous-totaux au niveau des lignes de titres et de sous-titres.

Il est possible d'afficher ces sous-totaux sous forme de lignes de sous-totaux :

![](/files/-Lvjh8t8klzdaAY6heby)

​:digit\_one: Ouvrez votre modèle de document personnalisé : Cliquez [ici](#creer-un-modele-de-document-personnalise) si vous n'en avez pas encore créé

:digit\_two: Cliquez sur le corps du document​

:digit\_three: À droite de la page, descendez jusqu'au pavé "Lignes à afficher"​

:digit\_four: Cochez la case "Lignes de sous-totaux", et les cases de lignes séparatrices pour plus de clarté :

![](/files/awCTIIMiOYK7IjDSdNMd)

Dans le visuel, les lignes de sous-totaux apparaissent. Elles prennent automatiquement la mise en forme des titres et sous-titres.

### ​👉 Choisir les sous-totaux à afficher <a href="#choisir-les-sous-totaux-a-afficher" id="choisir-les-sous-totaux-a-afficher"></a>

![](/files/IrMQYTcaxHuFevVAULO3)

Vous pouvez par exemple afficher uniquement les sous-totaux des titres de niveau 1 et 2 :​

:digit\_one: Sélectionnez la ligne "Titre de niveau 3"​

:digit\_two: Dans la barre de menu, activez ou désactivez le bouton![](https://1971466874-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_qXNqHctVZumhWqCXU%2Fuploads%2FWGHq2GvaGnORQcMvl0cD%2FScreenshot%20\(313\).png?alt=media\&token=d7661f57-a0c2-4301-a67e-191db9beec26)​​

:digit\_three: Faites de même pour les titres de niveau 4 et 5​

:digit\_four: Enregistrez.​

## Afficher mon assurance professionnelle et mes conditions générales de vente <a href="#afficher-mes-coordonnees-bancaires-iban-rib" id="afficher-mes-coordonnees-bancaires-iban-rib"></a>

Ces deux informations figurent dans un même "champ" sous Weebati, qu'il vous faudra remplir en ouvrant le menu ["Administration > Mon entreprise > Assurances - Conditions générales".](/aide-au-demarrage/parametrage-de-mon-entreprise/coordonnees-et-assurances-de-lentreprise.md)

Comme ces informations figurent dans un même "champ", vous pourrez les insérer avec un seul tag : **@assurance**.

Ce tag est bien sûr déjà présent dans les modèles de document proposés par défaut.

## Afficher le récapitulatif des lots <a href="#afficher-le-recapitulatif-des-lots" id="afficher-le-recapitulatif-des-lots"></a>

​​:digit\_one: Cliquez là où vous souhaitez ajoutez le récapitulatif​

:digit\_two: Cliquez sur l'icône "Tableau" ![](https://1971466874-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_qXNqHctVZumhWqCXU%2Fuploads%2FWU6fq1dx3lJIFWd7iYV4%2FScreenshot%20\(309\).png?alt=media\&token=9688087e-10cd-4adf-9d44-eca39cb7168b)  pour créer un tableau d'1 ligne et 1 colonne​

:digit\_three: Cliquez dans la seule cellule de ce tableau​

:digit\_four: À droite de la page, descendez jusqu'au pavé "Insérer des données" et ouvrez la section "Document"​

![](/files/t2U68pbnuokJJ36DzbaZ)

:digit\_five: Cliquez sur le bouton "Récapitulatif des lots", qui fera apparaître le tag @recaptulatifLots

Le récapitulatif sera étendu sur toute la largeur du document, ce qui n'est pas très joli...

Pour modifier la largeur de ce tableau à 1 cellule :&#x20;

​:digit\_six: Cliquez avec le bouton droit de votre souris **sur le tableau**, et sélectionnez "Propriétés du tableau"​

:digit\_seven: Modifiez la largeur du tableau, par exemple 50%, pour qu'il n'occupe que la moitié de la page :

![](/files/7V6wwWLbucwP6oqEcv6x)

​:digit\_eight: Enregistrez​​.

👉 **Voici un exemple de rendu :**&#x20;

![](/files/qbrR6AsIRWrfIG3i0FEz)
