Comment personnaliser une facture dans WooCommerce

Publié: 2020-04-08

Quoi qu'il en soit, les gens sont toujours impressionnés par son apparence. En fait, lorsqu'il s'agit de différents types de documents WooCommerce, les propriétaires de magasins ne peuvent pas faire de compromis sur son apparence. Le propriétaire du magasin peut souhaiter inclure différents types d'informations dans la facture en fonction de ses besoins commerciaux. De même, le client souhaiterait également recevoir une facture contenant les informations pertinentes comme preuve de son achat.

Le plugin WooCommerce PDF Invoices, Packing Slips, Delivery Notes & Shipping Labels se compose de modèles de facture prédéfinis à partir desquels vous pouvez concevoir la facture avec les données pertinentes de votre choix.

[écart]

Avant tout, installez et activez le plugin dans votre boutique WooCommerce. Accédez au menu Invoice/Pack Slip de votre tableau de bord qui vous redirigera vers la page General Settings.

La page des paramètres généraux se compose de différents types de documents (facture, bon de livraison, étiquette d'expédition, étiquette d'expédition, étiquette d'adresse et bon de livraison) qui sont activés par défaut pour les utilisateurs. Vous pouvez cliquer sur Paramètres sous un type de document pour configurer les paramètres respectifs. Activez/désactivez le type de document respectif à l'aide de la bascule.

Les valeurs configurées dans les paramètres généraux comme le logo de l'entreprise, les adresses, etc. contiennent des informations communes qui sont utilisées dans tous les types de documents. Si ces éléments sont configurés dans les paramètres généraux, ces valeurs seront renseignées par défaut dans tous les types de documents, le cas échéant. Cependant, des dispositions sont fournies pour remplacer les configurations générales des paramètres de type de document individuel.

Facture WooCommerce - Paramètres généraux

Facture WooCommerce - Paramètres généraux

Pour personnaliser la mise en page de la facture, passez aux paramètres de la facture en cliquant sur l'onglet Paramètres sous le type de document de facture. Les options de personnalisation ainsi que les mises en page intégrées sont intégrées dans l'onglet Personnaliser des paramètres de facture, comme indiqué ci-dessous.

Facture WooCommerce ou emballage-Paramètres de facture- Personnaliser

Facture WooCommerce ou emballage-Paramètres de facture- Personnaliser

Certains des modèles de facture prédéfinis disponibles dans le plug-in sont classiques, royaux et impériaux , accessibles à partir de l'option de modification de la mise en page placée dans le coin supérieur gauche de la fenêtre.

Mises en page des factures WooCommerce

Mises en page des factures WooCommerce

Vous pouvez sélectionner n'importe quel modèle parmi les options disponibles et continuer à le personnaliser. La visibilité de chaque élément de la facture peut être contrôlée par le bouton bascule intégré dans cet onglet. De plus, certains éléments génériques tels que la taille de la police, le style, la couleur et d'autres attributs spécifiques de chaque élément peuvent également être modifiés selon vos besoins.

Passons en revue quelques attributs de personnalisation. Certains éléments génériques que l'on trouve le plus souvent dans tous les éléments sont :

      • Texte : vous permet de saisir un texte personnalisé pour l'attribut respectif.
      • Taille de la police : permet de définir la taille de la police de l'attribut. Entrez une valeur numérique en termes de pixels.
      • Style : permet de sélectionner un style de texte. Il se compose de deux choix; Normal et Gras.
      • Couleur du texte : vous permet de sélectionner une couleur de texte.

        Facture WooCommerce - Personnaliser l'onglet - Attributs communs

        Facture WooCommerce - Personnaliser l'onglet - Attributs communs

      • Alignement du texte : vous permet de définir l'alignement du texte.
        Il contient deux choix; droite et gauche.
      • Titre : vous permet de définir un titre personnalisé.

        Facture WooCommerce-Onglet Personnaliser-Attributs communs-Aligner le texte et le titre

        Facture WooCommerce-Onglet Personnaliser-Attributs communs-Aligner le texte et le titre

Les autres champs de personnalisation spécifiques sont :

Logo de l'entreprise : utilisez cette option pour définir le logo de l'entreprise spécifiquement pour la facture. Si le logo est déjà téléchargé dans les paramètres généraux, il sera alors rempli ici par défaut.

  • Logo d'entreprise:
    • Affichage : Vous permet d'ajouter soit le logo de l'entreprise, soit le nom de l'entreprise à la facture.
    • Largeur et hauteur du logo : permet de régler la largeur et la hauteur du logo en pixels.
    • Détails supplémentaires : vous permet d'inclure du texte supplémentaire, qui sera placé sous le logo ou le nom de l'entreprise. Entrez le texte "aucun", pour ne pas inclure de texte supplémentaire.
    • Extra Font Size : Permet de définir la taille de la police, applicable uniquement pour le nom de l'entreprise.
    • Couleur d'en-tête :

      Facture WooCommerce - Personnaliser l'onglet - Champs du logo de l'entreprise

      Facture WooCommerce - Personnaliser l'onglet - Champs du logo de l'entreprise

  • Numéro de facture:  
    • Date de facturation : Date de commande : Facture WooCommerce - Personnaliser le format de l'onglet

  • Tableau des produits : ce tableau contiendra des informations relatives aux produits tels que le SKU du produit, le nom du produit, la quantité et le prix total. Vous pouvez personnaliser la taille de la police, l'alignement du texte et la couleur.
  • Ce champ contient les éléments suivants pour personnaliser la table des produits :
    • Couleur de la tête : permet de définir la couleur de l'en-tête du tableau des produits.
    • Couleur du texte : vous permet de définir la couleur du texte dans la section d'en-tête du tableau des produits.
    • SKU Align : Vous permet de définir l'alignement du SKU dans le tableau des produits.
      Il contient trois choix; Droite, Gauche et Centre.
    • Product Align : vous permet de définir l'alignement du produit dans le tableau des produits. Les choix sont; Droite, Gauche et Centre.
    • Alignement de la quantité : vous permet de définir l'alignement du nombre de produits dans le tableau des produits. Il propose également; Options Droite, Gauche et Centre.
    • Alignement des prix : vous permet de définir l'alignement du prix des produits dans le tableau des produits.
    • Alignement du prix total : vous permet de définir l'alignement du prix total des produits dans le tableau des produits.
    • Couleur du corps : permet de définir la couleur du corps du texte du tableau des produits.
    • SKU : vous permet de définir un texte personnalisé pour la colonne du tableau indiquant les informations SKU.
    • Produit : vous permet de définir un texte personnalisé pour la colonne du tableau indiquant le nom du produit.

      WooCommerce Invoice-Customize Tab-Product table

      WooCommerce Invoice-Customize Tab-Product table

  • Aperçu : Avant d'activer la mise en page, vous pouvez avoir un exemple d'aperçu de la facture de la commande récente au format PDF. Pour obtenir l'aperçu d'une commande spécifique, saisissez le numéro de commande correspondant dans le champ prévu à cet effet.

    WooCommerce Facture ou emballage-Paramètres de facture- Personnaliser-Aperçu

    WooCommerce Facture ou emballage-Paramètres de facture- Personnaliser-Aperçu

  • Éditeur de code : Vous pouvez même basculer vers l'éditeur de code, pour effectuer des personnalisations supplémentaires autres que celle répertoriée dans l'éditeur visuel.

    WooCommerce Facture ou emballage-Paramètres de facture- Personnaliser l'éditeur de code

    WooCommerce Facture ou emballage-Paramètres de facture- Personnaliser l'éditeur de code

  • Aide : Lorsque vous apportez des modifications via l'éditeur de code, il serait préférable que vous vous référiez à l' aide qui contient des informations sur les espaces réservés, les classes alternatives pour le support RTL, etc., comme indiqué ci-dessous :

    WooCommerce Facture ou emballage-Paramètres de facture- Personnaliser-Éditeur de code-Aide

    WooCommerce Facture ou emballage-Paramètres de facture- Personnaliser-Éditeur de code-Aide

Conclusion

Obtenir les factures avec vos propres détails personnalisés comme le logo de l'entreprise, les adresses, etc. est certainement un avantage supplémentaire pour les propriétaires de magasins. Les modèles intégrés et les fonctionnalités de l'éditeur de code vous permettent de générer des factures avec des détails personnalisés.