Le logiciel de facturation en ligne de VosFactures.fr vous permet de personnaliser de nombreux paramètres et options, et notamment la mise en page de vos documents. Plusieurs formats sont proposés et qu'il est possible de personnaliser (logo, bas de page, champs à afficher ou non...).

En plus des options de personnalisation de vos Paramètres du compte, vous pouvez également apporter des modifications aux formats via le simple ajout de codes CSS.
Nous vous proposons une liste non exhaustive de ces codes.

Menu

1. Comment Apporter des Modifications
2. PDF et/ou Aperçu des Documents
3. Exemples de Modifications

1- Comment Apporter des Modifications

Vous pouvez modifier un ou plusieurs éléments de mise en page des formats des documents de facturation proposés par le logiciel, grâce au champ «Configuration de l'impression par CSS» depuis vos Paramètres > Paramètres du compte > Paramètres d’impression.

Par exemple, vous pouvez cacher ou changer l'emplacement de certains éléments, ou encore changer la couleur ou le type de police.

Une fois les codes CSS ajoutés, n'oubliez pas de sauvegarder. Les codes affecteront l'aperçu et/ou le pdf de tous les documents (existants et futurs). Attention, un même code ne marche pas sur tous les formats, et n'affecte pas les formats de la même façon. Si vous utilisez plusieurs formats, il convient de bien vérifier l'impact que les codes utilisés ont sur ces différents formats. 

2- Modifications visibles sur le PDF et/ou l'aperçu des factures

- sur le PDF uniquement:
par défaut les modifications CSS apportées sont visibles uniquement en PDF (c'est à dire quand le client ou vous-même imprimez ou téléchargez le document en PDF).
- sur le PDF et sur l'aperçu:
pour que les modifications CSS apportées soient également visibles lorsque le client visualise l'aperçu (depuis le lien contenu dans l'email), écrivez au tout début du champ CSS le code suivant: - sur l'aperçu uniquement:
pour que les modifications CSS apportées ne soient visibles que sur l'aperçu, et non sur le PDF, écrivez au début du champ CSS le code suivant:

3-Exemples de Modifications

 

• Coordonnées Acheteur et/ou Vendeur

-  Supprimer les titres "Vendeur" et "Acheteur"
-  Modifier la taille de police des coordonnées Vendeur et Acheteur
-  Mettre en gras et/ou en italique les coordonnées Vendeur et Acheteur
-  Changer la couleur des coordonnées Vendeur et Acheteur
-  Descendre les coordonnées Acheteur (format Encadré) 
-  Descendre ou monter les coordonnées Acheteur et Vendeur 
-  Supprimer les coordonnées Vendeur
 

• Tableau des produits/services

-  Elargir la colonne "Désignation"
-  Supprimer la ligne "Total" sous le tableau
-  Supprimer la colonne N° du tableau
-  Supprimer la colonne Quantité du tableau
-  Modifier l'alignement du contenu du tableau
 

• Lignes de texte du tableau

-  Mettre en gras et/ou en italique le contenu des lignes de texte du tableau
-  Afficher en couleur le contenu des lignes de texte du tableau
-  Modifier l'alignement des lignes de texte. 
 

• Montant "A payer"

​-  Placer à droite le montant "A payer"
-  Ne pas afficher le montant "A payer"
-  Changer la taille du montant "A payer"
 

• Ensemble des éléments : 

-  Modifier la taille de police
-  Imprimer vos documents sur du papier en tête
-  Changer la couleur du format Vosfactures
-  Changer la couleur du format Bleu
 

• Logo et tampon

-  Modifier la taille du logo
-  Supprimer le tampon "Payé" sur les factures payées
 

• Bouton "Payer en ligne"

-  Ne pas afficher le bouton "Payer en ligne"
-  Modifier la couleur du bouton "Payer en ligne"

• Autre

- Changer la couleur du n° et/ou nom du document
- Changer la taille ou couleur des CGV
 

Documentation:

Vous pouvez visualiser la partie html et css des formats proposés ici. 
Si vous avez des connaissances en HTML et CSS, vous pouvez également créer votre propre format. 
Pour en savoir plus sur les différents éléments CSS des factures, vous pouvez cliquer (droit) sur la facture pour afficher le code source. Vous pouvez également utiliser le module Firebug de Firefox : https://addons.mozilla.org/en-us/firefox/addon/firebug/?src=search
Pour plus d'informations sur CSS, vous pouvez consulter les sites suivants: http://www.tutorialspoint.com/css/css_paged_media.htm