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

# Modèles de document

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

### :point\_right: ProGBat met à disposition des modèles de document par défaut, **déjà prêts à être utilisés**

### &#x20;:point\_right: **Il vous suffit de** [**paramétrer votre entreprise**](/pour-aller-plus-loin/parametrage-du-compte.md) **pour que s'affichent automatiquement :**&#x20;

:digit\_one: Votre logo, et vos coordonnées :&#x20;

![](/files/ztwHmPNDovJCaCiANP5B)

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

![](/files/iTfCx5jhbrKHb4VINzf1)

:digit\_three: Vos coordonnées bancaires :&#x20;

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

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

![](/files/ytbQOiEQkNf7gSLRkaxE)

* 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 ](#ajouter-vos-coordonnees-bancaires-iban-rib)pour savoir comment les ajouter à vos documents.

### :point\_right: **Mais vous pourrez** **créer et personnaliser vos propres modèles** : Pour des documents uniques, aux couleurs de votre entreprise !

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

:point\_right: **Contactez votre support ou revendeur ProGBat !**&#x20;

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é

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

![](/files/iarCpNyBESWcHYnfM0Dm)

: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 :&#x20;

* 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

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

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

| Sections du document    | Se répète sur chaque page du document | Section que vous pourrez dupliquer sur 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:                   |

:point\_right: Ces sections contiennent chacune un éditeur enrichi qui vous permettra d'en modifier le contenu (structure, données) :&#x20;

![](/files/C8dhP0b3IKF8YoXaFzZh)

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

### :two: **Insérer un contenu**

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

: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;![](/files/dgBWvMolt0lZOyaRZ3aD)  **Insérer un logo, une image, ou ma signature d'entreprise**

![](/files/-MiCiVi9I_5_MnbKLISB)

:point\_right: Cliquez simplement à l'endroit où vous souhaitez ajouter cette image, choisissez l'image dans la galerie ou importez-la depuis votre ordinateur, et cliquez sur le bouton "Insérer".

### ![](/files/erJjBvOf98ZnfhaEpAoD)  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 :&#x20;

![](/files/UaVr6auiqKUcGPZ9sWWa)

:bulb: **1 millimètre =** 3,7795275591 pixels.

### &#x20;![](/files/815VpDCFWtwFYp18dFjp)  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/SXIVCc3gkPCKVDAgXUBF)

### &#x20;![](/files/uOV5B4tD0NLONR4hUUWi)  Insérer u**ne ligne séparatrice**&#x20;

![](/files/lhjVWYUW3yAB3E5ZyFvc)

### &#x20;![](/files/nvd0a97pORTXjX1KfjRA)  Insérer u**n saut de page**

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

### ![](/files/M5Xi0SEO72Ya911V6Gze)  Accéder au **Code source**

Réservé au public aguerri :wink:

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**

: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 ProGBat. 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.

:point\_right: Cliquez à l'endroit ou vous souhaitez intégrer un tag / une information

:point\_right: Cliquez sur le tag dans la liste à droite de la page

:point\_right: Il s'affichera automatiquement à l'endroit souhaité.

: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 :

* **Numérotation automatique du document :** @numerotationDocument&#x20;

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 :&#x20;

![](/files/FVGNcEqEidFS7s5kv6OU)

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

![](/files/N6AXGar0wqgpg43sij7C)

: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]`

:point\_right: Prenons un exemple concret :&#x20;

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

:point\_right: Il faut comprendre :&#x20;

"\[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]"

:point\_right: Résultat :&#x20;

<div align="left"><img src="/files/9Xexp3iPaaoRCvWBuElh" alt=""></div>

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

* **`[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.*<br>

### :four: Personnaliser le tableau du corps du document

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

:bulb: 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 :&#x20;

![](/files/PLwu0ADhiNJEptx5uCMz)

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

![](/files/ZkXXXsLJhdNAF5JMQKwB)

## Afficher mes coordonnées bancaires - IBAN / RIB

:digit\_one: Ajoutez d'abord vos données bancaires sous ProGBat : 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 ](#creer-un-modele-de-document-personnalise)si vous n'en avez pas encore créé

: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 :**&#x20;

:point\_right: Ajout du RIB (Affichage plus "officiel", mais il prend de la place) :&#x20;

![](/files/SVtuVUxySbjoYQJQ1NMs)

:point\_right: Résultat de l'affichage dans un document :&#x20;

![](/files/C1bs24CacJNumonAKYNB)

**Exemple 2 :**&#x20;

:point\_right: Ajout de l'IBAN et du BIC (Affichage succinct, qui prend moins de place)

![](/files/HBr1Os9PtxLe21qnZXTL)

:point\_right: Résultat de l'affichage dans un document :&#x20;

![](/files/wOlqutvMlSyNKcm4Shgl)

## Afficher des sous-totaux

Par défaut, ProGBat 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 :&#x20;

<div align="left"><img src="/files/-Lvjh8t8klzdaAY6heby" alt=""></div>

: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é :  &#x20;

![](/files/BBIdIHjglrtgNpnEELk9)

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

### :point\_right: Choisir les sous-totaux à afficher

![](/files/-Lvjo71nuSEWOBXkqBBk)

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 ![](/files/Crqlx3pexDqn5aDdC9Kp)

: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 ProGBat, 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

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

:digit\_two: Cliquez sur l'icône "Tableau" ![](/files/DYqFdWVxRLKD7rIJzgvl) 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/r8ZlgKhC08aCdVBovR7m)

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

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 :&#x20;

![](/files/xh3yPVD1Xi8hTMEeNJH3)

:digit\_eight: Enregistrez

:point\_right: **Voici un exemple de rendu :**&#x20;

![](/files/-M8V7pcO5rtCN5A8qLF9)
