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 de 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 retoucher
Collez le modèle dans ChatGPT ou Claude et décrivez ce que vous souhaitez. Aucune compétence en programmation requise — il suffit de décrire les 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 le modèle directement. Idéal pour : un contrôle précis, ou pour ceux qui connaissent 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 solution 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 modèles de départ.
Parcourir et prévisualiser
Filtrez par catégorie (Reçu, Facture, Reçu cadeau, Ticket cuisine, Devis / Bon de commande), format (HTML pour impression navigateur, ESC/POS pour 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. Plusieurs modèles peuvent être actifs simultanément — le caissier choisit en caisse.
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 de reçu affiche un menu déroulant permettant au caissier de passer de l'un à l'autre à la volée.
Les modèles inclus
| Modèle | Format | Description |
|---|---|---|
| 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, condensées en moins d'espace vertical |
| Reçu détaillé | HTML | Facture fiscale complète — colonne SKU, prix unitaire, ventilation de la taxe 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 58 mm épurée |
| Reçu thermique simple (80 mm) | Thermique | Mise en page thermique 80 mm épurée — le plus courant |
| Reçu thermique simple 80 mm (RTL) | Thermique | Version RTL pour 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, adresses, remboursements, paiements, conditions, code-barres |
| Ticket 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 taxes de votre boutique — les boutiques avec taxes incluses affichent les prix TTC et une ligne « Taxes incluses » ; les boutiques hors taxes affichent les prix HT avec les taxes ajoutées sur une ligne séparée. La famille Détaillé affiche toujours le détail complet des taxes, quel que soit le paramètre.
Affectations par boutique
Si vous disposez de plusieurs boutiques (Pro), chaque boutique peut avoir sa propre sélection et son propre ordre de modèles, indépendamment des paramètres par défaut du site. Le café au bout de la rue 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 depuis la même galerie de modèles.
Configurez depuis WP Admin → PDV → Boutiques, puis ouvrez la boutique à paramétrer. La page Modifier la boutique comporte une section Modèles de reçus avec un bouton « Modèles de reçus 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 ordre 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.
La même page Modifier la boutique contient également les en-têtes 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 inclus 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 valeurs 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 image de marque différente selon les emplacements, ou de réserver une mise en page spécifique à un seul point de vente. Si toutes vos boutiques utilisent les mêmes modèles, laissez simplement les attributions par boutique vides et les valeurs 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 sans être tout à fait parfaite, un assistant IA peut effectuer les modifications en quelques minutes — sans avoir besoin de connaître le HTML.
Copier le modèle
Ouvrez le modèle à partir duquel vous souhaitez commencer dans WP Admin → PDV → Modèles, cliquez dans l'éditeur et 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. »
- « Ajoutez un message de remerciement en italique en bas. »
- « Masquez le nom du client. Ajoutez le numéro de téléphone sous le numéro de commande à la place. »
- « Remplacez le code-barres par un code QR qui renvoie vers ma page de retours. »
- « Ajoutez un slogan "Entreprise familiale depuis 1987" sous le nom de la boutique. »
L'IA vous renverra un modèle modifié.
Collez-le en retour
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 et cliquez sur Mettre à jour. L'aperçu à droite se rafraîchit pour que vous puissiez voir le résultat. Si le rendu 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 la 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 — vous n'avez pas besoin de le faire. Pour 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'application. L'éditeur propose un aperçu en direct, la coloration syntaxique, un sélecteur de champs avec recherche, annuler/rétablir et rechercher-remplacer.
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 disponibles, regroupés par section.
Si vous utilisiez auparavant un fichier PHP dans votre thème pour remplacer le reçu (yourtheme/woocommerce-pos/receipt.php), cela fonctionne toujours. Il est désormais intitulé Ancien modèle PHP dans la galerie et cohabite avec les nouveaux moteurs sans logique et thermique. Les nouvelles personnalisations devraient utiliser la galerie ou l'éditeur intégré — ils fonctionnent hors ligne, offrent un aperçu en direct 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, et non du modèle lui-même. Accédez à WP Admin → PDV → Paramètres → Boutiques, modifiez votre boutique et téléversez un logo. Tous les modèles fournis qui affichent un logo l'utiliseront automatiquement.
Si vous souhaitez modifier l'emplacement du logo dans le modèle, modifiez le modèle et déplacez le {{#store.logo}}<img src="{{store.logo}}" ...>{{/store.logo}} bloc à 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 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 un message par défaut tel que « 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.
Comment ajouter un slogan ou une accroche 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 code QR ?
Recherchez l' <barcode> élément dans votre modèle et modifiez le type attribut :
<!-- 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 <barcode> syntaxe 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 modèle différent vers une imprimante spécifique ?
Dans l'application PDV, accédez à Paramètres → Routage d'impression. Chaque modèle actif est affiché 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 du système.
- Une imprimante spécifique remplace 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 des réglages ci-dessus à l'aide du 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 sur l'écran d'édition du modèle. L'éditeur n'enregistre pas automatiquement — vos modifications ne sont conservées que lorsque vous cliquez 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 ce que vous êtes en train de saisir. 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 commande réelle pour générer 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 les modèles thermiques disposent toujours de données d'exemple de secours, et s'affichent donc correctement en aperçu même sur une boutique nouvellement créée.
J'ai tout cassé — comment recommencer à zéro ?
Trois filets de sécurité :
- L'éditeur dispose de la fonction Annuler (Ctrl/Cmd + Z) pour les modifications effectuées pendant la session.
- 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 dont nous avons besoin pour vous aider.