Personnaliser votre reçu
Pour modifier l'apparence de votre reçu, trois options s'offrent à vous. Choisissez la plus simple qui répond à vos besoins — la plupart des boutiques n'ont jamais besoin d'aller au-delà de la première.
Trois façons de personnaliser
1. Choisir un autre modèle
Utilisez l'un des modèles prêts à l'emploi dans la galerie. Aucun code nécessaire. Idéal pour : une mise en page différente, masquer les prix, une facture A4, un ticket de cuisine.
2. Demander à l'IA de le modifier
Collez le modèle dans ChatGPT ou Claude et décrivez ce que vous souhaitez. Aucune compétence en programmation requise — décrivez simplement vos modifications en langage courant. Idéal pour : de petits ajustements comme la formulation, les couleurs ou la disposition des éléments.
3. Modifier manuellement
L'éditeur intégré permet de modifier directement le modèle. Idéal pour : un contrôle précis, ou si vous maîtrisez déjà le HTML.
Les trois options commencent au même endroit : WP Admin → PDV → Modèles. La page comporte deux parties — Vos modèles en haut (ceux que vous utilisez actuellement) et la Galerie de modèles en dessous (la bibliothèque de modèles de base).
Option 1 — Choisir un autre modèle
C'est la méthode la plus simple et elle couvre la plupart des besoins.
Ouvrir la galerie de modèles
Dans WP Admin, accédez à PDV → Modèles. Faites défiler au-delà de Vos modèles jusqu'à la section Galerie de modèles — c'est la bibliothèque de démarrage.
Parcourir et prévisualiser
Filtrez par catégorie (Reçu, Facture, Reçu cadeau, Ticket de cuisine, Devis / Bon de commande), format (HTML pour l'impression navigateur, ESC/POS pour les imprimantes thermiques) ou direction (Gauche à droite ou Droite à gauche). Cliquez sur la miniature d'une carte — ou sur le lien Aperçu dans son pied de page — pour ouvrir un aperçu en direct avec les données réelles de votre boutique.
Utiliser
Cliquez sur Utiliser le modèle sur la carte. WCPOS crée une copie modifiable et l'ajoute à Vos modèles en haut de la page. Activez le bouton Actif sur la ligne pour commencer à l'utiliser sur les reçus ; faites glisser la poignée de la ligne pour réorganiser l'ordre. Vous pouvez en avoir plusieurs actifs simultanément — le caissier choisit au moment de l'encaissement.
Cliquer sur Utiliser le modèle crée toujours une nouvelle copie. Le modèle original de la galerie reste intact, vous pouvez donc revenir et choisir un autre point de départ à tout moment. Si plusieurs modèles de reçus sont actifs, l'écran des reçus affiche un menu déroulant permettant au caissier de basculer entre eux à la volée.
Les modèles inclus
| Modèle | Format | Utilisation |
|---|---|---|
| Reçu standard | HTML | Par défaut — logo, articles, totaux, paiement. Convient à la plupart des boutiques |
| Reçu standard (RTL) | HTML | Identique au reçu standard, en miroir pour l'arabe / l'hébreu / le persan / l'ourdou |
| Minimal / Moderne | HTML | Mêmes informations que le reçu standard, dans un format plus compact |
| Reçu détaillé | HTML | Facture fiscale complète — colonne SKU, prix unitaire, ventilation des taxes par taux, adresses |
| Reçu cadeau | HTML | Articles uniquement — prix masqués. Inclut un message cadeau et la politique de retour |
| Facture | HTML | Facture pleine page A4/Letter. Ajoute un panneau « Comment payer » pour les commandes impayées |
| Bon de livraison | HTML | Document d'entrepôt — articles + quantités, adresse de livraison, sans prix |
| Devis / Estimation | HTML | Document avant-vente avec tarifs et conditions — sans section de paiement |
| Reçu étroit | HTML | Reçu en police à chasse fixe pour papier étroit ou imprimantes thermiques compatibles HTML |
| Reçu thermique simple (58 mm) | Thermique | Mise en page thermique épurée en 58 mm |
| Reçu thermique simple (80 mm) | Thermique | Mise en page thermique 80 mm épurée — la plus courante |
| Reçu thermique simple 80 mm (RTL) | Thermique | Version RTL du 80 mm. Nécessite une imprimante avec une page de codes arabe |
| Reçu thermique détaillé (58 mm / 80 mm) | Thermique | Ajoute le détail des taxes, les adresses, les remboursements, les paiements, les conditions, le code-barres |
| Ticket de cuisine | Thermique | Articles uniquement, grande police, sans prix — pour les postes de préparation |
La plupart des modèles inclus s'adaptent automatiquement aux paramètres de taxe de votre boutique — les boutiques en TTC affichent les prix bruts et une ligne « Taxes incluses » ; les boutiques en HT affichent les prix nets avec la taxe ajoutée sur une ligne séparée. La famille Détaillé affiche toujours un détail complet des taxes quel que soit le paramètre.
Modèles de facture et de bon de livraison WP Overnight
Si votre site utilise également PDF Invoices & Packing Slips for WooCommerce de WP Overnight, WCPOS ajoute automatiquement deux modèles supplémentaires dans Vos modèles :
| Modèle | Format | Utilisation |
|---|---|---|
| Facture (WP Overnight) | HTML rendu côté serveur | Utilise le document de facture configuré dans WP Overnight pour la commande PDV |
| Bon de livraison (WP Overnight) | HTML rendu côté serveur | Utilise le document de bon de livraison configuré dans WP Overnight pour la commande PDV |
Ces modèles ne copient pas les mises en page de facture ou de bon de livraison intégrées à WCPOS. Ils demandent à WP Overnight de générer le document pour la commande PDV, de sorte que vos numéros de facture existants, votre image de marque, vos champs légaux/fiscaux et vos personnalisations de modèles WP Overnight restent cohérents entre les commandes en ligne et en boutique.
Ils n'apparaissent que lorsque l'extension WP Overnight est active. Le résultat s'ouvre en HTML dans l'écran d'impression de WCPOS plutôt que sous forme de téléchargement PDF séparé. Le document étant rendu côté serveur, le PDV nécessite une connexion à votre site pour imprimer ces modèles ; utilisez les modèles HTML ou thermiques intégrés pour l'impression hors ligne.
Attributions par boutique
Si vous disposez de plusieurs boutiques (Pro), chaque boutique peut avoir sa propre sélection et son propre classement de modèles, indépendamment des paramètres par défaut du site. Le café d'à côté peut utiliser un petit reçu thermique avec un logo et une adresse différents ; l'entrepôt peut utiliser un bon de livraison ; la boutique principale peut conserver le reçu standard — le tout à partir de la même galerie de modèles.
Configurez depuis WP Admin → PDV → Boutiques, puis ouvrez la boutique à configurer. La page Modifier la boutique comporte une section Modèles de reçu avec un bouton bascule « Modèles de reçu spécifiques à la boutique » :
- Désactivé (par défaut) — la boutique hérite de la liste de modèles du site depuis la page principale PDV → Modèles.
- Activé — la boutique obtient sa propre sélection et son propre classement de modèles, indépendamment des paramètres par défaut du site. La réorganisation par glisser-déposer fonctionne de la même manière.
C'est également sur la page Modifier la boutique que se trouvent l'en-tête de chaque boutique (logo, adresse, coordonnées) et le bloc Messages du reçu — Formule de politesse, Politique de retour, Pied de page. Les modèles intégrés utilisent ces champs propres à chaque boutique, de sorte qu'un seul modèle « Reçu standard » peut afficher une identité visuelle différente selon les emplacements.
Lorsqu'un caissier se connecte à une boutique, seuls les modèles actifs de cette boutique apparaissent dans le menu déroulant des reçus.
La page Modèles dans WP Admin définit les paramètres par défaut pour l'ensemble du site. Le remplacement par boutique permet à un même modèle (par ex. un Reçu standard) d'afficher une identité visuelle différente selon les emplacements, ou à un emplacement d'utiliser une mise en page que les autres n'utilisent pas. Si toutes vos boutiques utilisent les mêmes modèles, laissez simplement les attributions par boutique vides et les paramètres par défaut du site s'appliqueront.
Option 2 — Demander à l'IA de le modifier
Si la galerie est proche de ce que vous souhaitez mais pas tout à fait, un assistant IA peut la modifier pour vous en quelques minutes — sans avoir besoin de connaître le HTML.
Copier le modèle
Ouvrez le modèle à partir duquel vous souhaitez partir dans WP Admin → PDV → Modèles, cliquez sur l'éditeur, puis sélectionnez tout le texte sur le côté gauche (Ctrl/Cmd + A). Copiez-le.
Décrire les modifications souhaitées
Indiquez précisément à l'IA ce que vous souhaitez. Exemples qui fonctionnent bien :
- « Agrandir le nom de la boutique et le centrer. »
- « Ajouter un message de remerciement en italique en bas. »
- « Masquer le nom du client. Ajouter le numéro de téléphone sous le numéro de commande à la place. »
- « Remplacer le code-barres par un QR code renvoyant vers ma page de retours. »
- « Ajouter un slogan "Entreprise familiale depuis 1987" sous le nom de la boutique. »
L'IA vous renverra un modèle modifié.
Recollez-le
Copiez la réponse de l'IA. De retour dans l'éditeur de modèles WCPOS, sélectionnez tout (Ctrl/Cmd + A), collez la nouvelle version, puis cliquez sur Mettre à jour. L'aperçu à droite se rafraîchit pour que vous puissiez voir le résultat. Si ce n'est pas correct, demandez à l'IA de corriger — décrivez ce qui ne va pas.
Chaque clic sur Utiliser le modèle dans la galerie crée une nouvelle copie modifiable, l'original reste donc intact. Si vous expérimentez, vous pouvez utiliser le même modèle de galerie plusieurs fois — renommez vos copies (Reçu v1, Reçu v2) et basculez entre elles le temps de vous décider.
Les éléments comme {{store.name}} et {{order.number}} sont des espaces réservés pour vos données réelles. L'IA les comprend — ce n'est pas nécessaire pour vous. Si vous souhaitez connaître tous les espaces réservés disponibles, consultez la Référence des données de reçu.
Option 3 — Modifier manuellement
Si vous connaissez un peu le HTML (ou si vous travaillez avec un développeur), vous pouvez modifier le modèle directement dans l'éditeur intégré. L'éditeur offre un aperçu en direct, la coloration syntaxique, un sélecteur de champs avec recherche, l'annulation/rétablissement, ainsi que la recherche et le remplacement.
Choisissez votre moteur :
- Modèles HTML — Espaces réservés de type Mustache
{{variable}}. Rendu côté client, fonctionne hors ligne. Recommandé pour la plupart des boutiques. - Modèles thermiques — XML pour imprimantes thermiques ESC/POS. Le même modèle produit à la fois l'aperçu à l'écran et la sortie imprimante.
- Référence des données de reçu — Tous les espaces réservés utilisables, regroupés par section.
Si vous utilisiez auparavant un fichier PHP dans votre thème pour personnaliser le reçu (yourtheme/woocommerce-pos/receipt.php), cela fonctionne toujours. Il est désormais intitulé Ancien modèle PHP dans la galerie et coexiste avec les nouveaux moteurs sans logique et thermique. L'intégration WP Overnight utilise également le rendu côté serveur, car l'API de documents tierce génère le HTML sur le serveur. Les nouvelles personnalisations devraient utiliser la galerie ou l'éditeur intégré — ils fonctionnent hors ligne, offrent un aperçu en temps réel et ne nécessitent pas d'aller-retour serveur.
Personnalisations courantes
Réponses rapides aux questions les plus fréquentes.
Comment ajouter le logo de ma boutique ?
Les logos proviennent des paramètres de votre boutique, pas du modèle lui-même. Accédez à WP Admin → PDV → Réglages → Boutiques, modifiez votre boutique et téléversez un logo. Tous les modèles fournis qui affichent un logo l'utiliseront automatiquement.
Pour modifier l'emplacement du logo dans le modèle, éditez le modèle et déplacez le bloc {{#store.logo}}<img src="{{store.logo}}" ...>{{/store.logo}} à l'endroit souhaité.
Comment modifier le texte du pied de page (par ex. 'Merci pour votre achat !') ?
Deux options :
- Le plus simple — définissez-le une seule fois pour tous les reçus dans WP Admin → PDV → Paramètres → Boutiques → Détails de la boutique → Pied de page du reçu / note personnelle. Les modèles fournis l'utilisent automatiquement ; si aucun pied de page n'est défini, ils affichent par défaut un message convivial comme « Merci pour votre achat ! ».
- Dans un seul modèle — modifiez le modèle et remplacez directement le texte du pied de page. Recherchez
{{store.personal_notes}}ou la ligne de remerciement en clair.
Comment ajouter une accroche ou un slogan sous le nom de la boutique ?
Modifiez le modèle et ajoutez une ligne sous {{store.name}} :
<div style="font-style: italic; color: #6b7280;">Family-owned since 1987</div>
Dans un modèle thermique :
<align mode="center"><text>Family-owned since 1987</text></align>
Comment masquer les prix (pour un reçu cadeau) ?
Cliquez sur Utiliser le modèle sur la carte Reçu cadeau dans la galerie — il masque tous les prix et totaux tout en affichant les articles, le SKU, les attributs et le message cadeau. Aucune modification nécessaire.
Si vous préférez créer votre propre reçu sans prix, copiez n'importe quel modèle et supprimez les blocs {{...total...}}, {{...price...}} et {{#totals}}...{{/totals}}.
Comment remplacer le code-barres par un QR code ?
Trouvez l'élément <barcode> dans votre modèle et modifiez l'attribut type :
<!-- Default: Code 128 barcode of the order number -->
<barcode type="code128">{{order.number}}</barcode>
<!-- Switch to a QR code -->
<barcode type="qrcode">{{order.number}}</barcode>
<!-- Or encode something else, like a returns URL -->
<barcode type="qrcode">https://example.com/returns?order={{order.number}}</barcode>
La même syntaxe <barcode> fonctionne dans les modèles HTML et thermiques. Les autres types pris en charge incluent ean13, ean8, upca, pdf417 et tout ce que bwip-js prend en charge.
Comment envoyer un autre modèle vers une imprimante spécifique ?
Dans l'application PDV, accédez à Paramètres → Routage d'impression. Chaque modèle actif s'affiche avec un menu déroulant d'imprimante à côté. Sélectionnez l'imprimante souhaitée ou laissez l'option sur Auto.
- Auto associe automatiquement les modèles aux imprimantes — les modèles thermiques sont envoyés aux imprimantes thermiques, les modèles HTML ouvrent la boîte de dialogue d'impression système.
- Une imprimante spécifique remplace le mode Auto et envoie systématiquement le modèle vers cette imprimante.
- Au moment de l'impression, le caissier peut remplacer l'un ou l'autre de ces choix via le menu déroulant d'imprimante sur l'écran du reçu.
Le routage est enregistré par appareil, de sorte que chaque iPad ou ordinateur peut avoir sa propre configuration.
Mon reçu affiche encore l'ancienne version après modification
Cliquez sur le bouton WordPress Mettre à jour dans l'écran d'édition du modèle. L'éditeur n'enregistre pas automatiquement — les modifications ne sont conservées qu'après avoir cliqué sur Mettre à jour.
Pour les modèles PHP hérités, l'aperçu dans l'éditeur affiche la dernière version enregistrée, et non le contenu en cours de saisie. Enregistrez d'abord, puis actualisez l'aperçu.
L'aperçu est vide ou affiche 'Aucune commande PDV trouvée'
Cela ne se produit qu'avec les modèles PHP hérités, qui nécessitent une vraie commande pour l'aperçu. Traitez une seule commande PDV — même une vente test à 0 $ — et l'aperçu commencera à fonctionner.
Les modèles sans logique (HTML) et thermiques disposent toujours de données d'exemple par défaut, ils s'affichent donc correctement même sur une boutique toute neuve.
J'ai fait une erreur — comment recommencer ?
Trois filets de sécurité :
- L'éditeur dispose de la fonction Annuler (Ctrl/Cmd + Z) pour les modifications de la session en cours.
- Chaque enregistrement crée une révision WordPress — ouvrez Révisions sur l'écran d'édition pour comparer et restaurer n'importe quelle version antérieure.
- Si vous êtes parti d'un modèle de la galerie, cliquez sur Supprimer sur votre copie dans Vos modèles, puis cliquez à nouveau sur Utiliser le modèle sur la même carte de la galerie. Vous obtenez une copie neuve et intacte.
Quand demander de l'aide
- L'éditeur de modèles ne se charge pas, ou les enregistrements ne sont pas conservés.
- Le reçu s'imprime correctement sur un appareil mais pas sur un autre.
- Vous avez besoin d'une mise en page fiscale/légale pour un pays spécifique (Italie, Brésil, Espagne, etc.) — ces cas sont généralement gérés par WCPOS Pro ou une intégration spécifique au pays.
- Vous essayez de faire quelque chose de personnalisé et l'IA n'arrive pas tout à fait à le réaliser correctement.
Ouvrez un ticket d'assistance et collez le modèle sur lequel vous travaillez — cela nous donne tout ce qu'il faut pour vous aider.