Comment mettre un prix barré sur Shopify : guide complet 2025

Introduction

Sur Shopify, afficher un prix barré est l’un des leviers les plus simples et les plus efficaces pour mettre en avant une promotion, augmenter le taux de clic sur vos fiches produits et renforcer la perception de la valeur de vos offres. Lorsqu’il est correctement configuré, le prix barré permet de montrer clairement :

• le prix original (affiché barré),
• le prix actuel (en promotion),
• et, selon les thèmes, un badge de réduction (par exemple “-30 %”).

Ce guide vous explique, étape parétape, comment mettre un prix barré sur Shopify sans coder, en utilisant les réglages natifs de l’interface d’administration, puis comment aller plus loin avec les variantes, les collections, la gestion en masse et les aspects légaux.

Concepts clés à connaître avant d’afficher un prix barré

Avant de modifier vos produits, il est essentiel de comprendre comment Shopify gère les champs de prix et comment votre thème affiche ces informations.

1. Les champs de prix dans l’admin Shopify

Sur chaque fiche produit (et pour chaque variante), Shopify utilise deux champs principaux :

• Prix : c’est le prix actuel que le client va réellement payer. Il s’affiche sans barre.
• Prix de comparaison (ou Comparer à, en fonction des traductions) : c’est le prix de référence, généralement le prix original ou le prix avant réduction. C’est ce montant qui apparaît barré sur la boutique lorsque certaines conditions sont remplies.

Pour qu’un prix barré apparaisse correctement sur la plupart des thèmes Shopify, il faut que :

• le Prix de comparaison soit strictement supérieur au champ Prix,
• et que la fiche produit soit enregistrée après la modification.

Si le Prix de comparaison est inférieur ouégal au Prix, Shopify n’affiche en général pas de prix barré : seul le prix actuel apparaît.

2. Rôle du thème Shopify

Les thèmes Shopify déterminent l’apparence de votre boutique en ligne et la manière dont les prix sont présentés :

• certains thèmes affichent le prix barré et le prix actuel à la fois sur la page produit et sur les pages de collection,
• d’autres affichent le prix barré seulement sur la page produit, ou nécessitent l’activation d’une option dans le personnalisateur de thème,
• la couleur, la taille et la position du prix barré et du badge de réduction peuvent varier d’un thème à l’autre.

Vous n’avez pas besoin de modifier les fichiers de template Liquid pour bénéficier du prix barré basique : Shopify gère nativement cet affichage via les champs de prix, tant que votre thème supporte cette fonctionnalité.

3. Liquid templates et personnalisation avancée

Les Liquid templates sont les fichiers de modèle utilisés par Shopify pour générer le code HTML de vos pages. Ils contrôlent l’affichage des informations de produit, y compris :

• la façon dont le Prix et le Prix de comparaison sont affichés,
• l’apparition de badges comme “Promotion”, “Soldes”, “Économisez X %”,
• la logique d’affichage sur les pages de collection, les pages produit et la page panier.

Pour la majorité des marchands, il n’est pas nécessaire de modifier ces fichiers pour mettre un prix barré. En revanche, pour des besoins avancés (affichage personnalisé, mise en forme spécifique, textes marketing dynamiques), un développeur peut adapter les templates Liquid afin de mieux coller à votre identité de marque.

4. Prix de comparaison : définition précise

Dans Shopify, le Prix de comparaison n’est pas un simple texte marketing : c’est un champ de prix conservé dans la base de données et utilisé par de nombreux thèmes et fonctionnalités. Concrètement :

• le Prix de comparaison représente le prix de référence (par exemple le prix avant remise, le prix conseillé ou le prix habituel),
• le Prix est le prix réduit effectivement facturé au client pendant la promotion,
• si le Prix de comparaison est supérieur au Prix, la plupart des thèmes affichent un prix barré ainsi qu’un prix actuel mis en avant.

Comment mettre un prix barré sur Shopify pas à pas

Étape 1 : Accéder à la fiche produit

Pour ajouter un prix barré sur un produit existant :

1. Connectez-vous à votre interface d’administration Shopify.
2. Dans le menu de gauche, cliquez sur Produits.
3. Recherchez le produit sur lequel vous souhaitez afficher un prix barré et cliquez sur son nom pour ouvrir la fiche.

Pour un nouveau produit, cliquez sur Ajouter un produit puis remplissez les informations de base (titre, description, images, etc.) avant de passer à la section des prix.

Étape 2 : Renseigner le prix actuel et le prix de comparaison

Dans la section Prix de la fiche produit, vous verrez deux champs principaux :

• Prix
• Prix de comparaison (ou “Comparer à” selon la traduction)

Pour configurer un prix barré correct :

1. Dans le champ Prix, saisissez le prix actuel, c’est‑à‑dire le prix que le client paiera pendant la promotion. Exemple : 35 €.
2. Dans le champ Prix de comparaison, saisissez le prix original ou le prix de référence, plusélevé que le Prix. Exemple : 50 €.
3. Vérifiez que le Prix de comparaison est bien supérieur au Prix. Dans l’exemple ci‑dessus, 50 > 35, ce qui permet d’afficher le prix barré correctement.
4. Cliquez sur Enregistrer en haut ou en bas de la page pour valider vos changements.

Une fois cetteétape terminée, Shopify enverra ces informations au thème, qui affichera généralement le prix barré (50 € barré) et le prix promotionnel (35 € en clair) sur la page du produit et, selon le thème, sur les pages de collection.

Étape 3 : Vérifier l’affichage sur la boutique en ligne

Pour vérifier le résultat :

1. Dans l’admin Shopify, cliquez sur Boutique en ligne dans le menu latéral.
2. Cliquez sur Afficher la boutique.
3. Accédez à la fiche produit que vous venez de modifier.

Vous devriez voir :

• le Prix de comparaison affiché avec une barre (par exemple 50 € barré),
• le Prix affiché comme prix actuel (par exemple 35 €),
• unéventuel badge de promotion indiquant le pourcentage de réduction, selon votre thème.

Étape 4 : Gérer le prix barré pour chaque variante

Si votre produit possède des variantes (taille, couleur, modèle, etc.), Shopify vous permet de définir un Prix et un Prix de comparaison pour chaque variante individuellement.

Pour configurer un prix barré par variante :

1. Sur la fiche produit, descendez jusqu’à la section Variantes.
2. Cliquez sur la variante que vous souhaitez modifier.
3. Dans la section Prix de la variante, renseignez :

• le Prix de la variante (prix actuel),
• le Prix de comparaison de la variante (prix original, supérieur au Prix).

4. Cliquez sur Enregistrer.

Le prix barré s’ajustera automatiquement en fonction de la variante sélectionnée par le client sur la page produit. Vous pouvez ainsi :

• proposer des réductions différentes selon les tailles ou les couleurs,
• conserver certaines variantes au prix normal et d’autres en promotion,
• tester différentes stratégies de tarification par déclinaison.

Mettre un prix barré sans coder : méthodes recommandées

Utiliser exclusivement les champs natifs de Shopify

Pour un affichage de prix barré simple, il n’est pas nécessaire de recourir à une application tierce. La méthode la plus fiable et la plus pérenne consiste à :

• utiliser le champ Prix de comparaison pour le prix original,
• utiliser le champ Prix pour le prix promotionnel,
• vérifier que le thème affiche correctement les deux valeurs.

Cette approche présente plusieurs avantages :

• aucun surcoût mensuel lié à une application supplémentaire,
• meilleure stabilité et compatibilité avec les mises à jour de Shopify,
• intégration native avec les collections automatiques, les rapports et certaines fonctionnalités marketing.

Quand utiliser une application Shopify ?

Les applications peuvent rester intéressantes dans certains cas spécifiques :

• vous devez gérer des centaines ou des milliers de produits avec des remises complexes,
• vous souhaitez programmer des promotions qui se déclenchent et se terminent automatiquement à certaines dates,
• vous avez besoin de règles de prix avancées (par exemple, des remises différentes par collection, parétiquette ou par type de client),
• vous voulez combiner le prix barré avec des réductions de panier de manière très fine.

Dans ce cas, une application de gestion de prix ou de remises peut faciliter la mise à jour en masse des champs Prix et Prix de comparaison, tout en conservant l’affichage natif des prix barrés sur votre thème.

Bonnes pratiques pour optimiser l’affichage du prix barré

1. Cohérence visuelle avec votre thème

Pour que le prix barré soit efficace, il doitêtre clairement distinguable du prix actuel sans nuire à la lisibilité générale de la page. Quelques recommandations :

• assurez-vous que le prix barré est bien visible mais pas plus mis en avant que le prix actuel,
• utilisez des couleurs cohérentes avec votre charte graphique (par exemple, prix barré en gris ou rouge clair, prix actuel en noir ou foncé),
• vérifiez l’affichage sur mobile et sur ordinateur, car l’ordre et la taille des textes peuvent varier.

2. Clarté du message promotionnel

Le prix barré doit immédiatement indiquer au client :

• quelétait le prix d’origine,
• quel est le prix promotionnel,
• et, si possible, combien iléconomise.

Pour renforcer l’impact, vous pouvez :

• ajouter dans la description du produit un encadré indiquant “Prix initial : 50 €, Prix actuel : 35 €, Soit 30 % de réduction”,
• utiliser un thème ou un paramètre de thème qui affiche automatiquement le pourcentage de remise ou le montantéconomisé,
• mentionner la durée de la promotion (par exemple “Offre valable jusqu’au dimanche”).

3. Mise à jour régulière des prix

Les prix barrés doivent refléter des promotions réelles et à jour. Pensez à :

• retirer le prix de comparaison lorsque la promotion est terminée,
• mettre à jour les prix en cas de changement de positionnement (nouveau prix permanent, fin de soldes, etc.),
• éviter de laisser des prix barrés pendant de longs mois sans justification, car cela peut diminuer la crédibilité de votre boutique.

Aspects légaux des prix barrés en Europe

Si votre boutique vise des clients en Europe, vous devez respecter certaines règles légales pour l’affichage des prix barrés et des promotions.

1. Prix de référence et honnêteté des promotions

Dans de nombreux pays européens, la législation impose que le prix barré corresponde à un prix de référence réel, et non à un prix artificiellement gonflé juste avant la promotion. En pratique, cela signifie que :

• le Prix de comparaison doit refléter un prix réellement pratiqué pendant une période significative,
• vous ne devez pas afficher de rabais par rapport à un prix qui n’a jamaisété proposé,
• les autorités de contrôle peuvent vérifier la cohérence de vos promotions.

2. Règle du prix le plus bas pratiqué

Depuis l’entrée en vigueur de la réglementation récente sur les annonces de réduction de prix dans plusieurs pays européens, le prix barré affiché lors d’une promotion doit, dans de nombreux cas, correspondre au prix le plus bas pratiqué au cours d’une période donnée (par exemple les 30 derniers jours) pour ce produit. Il est important de :

• conserver une traçabilité de vos prix au fil du temps,
• vous assurer que le Prix de comparaison respecte cette règle lorsqu’elle s’applique à votre marché,
• adapter vos campagnes de promotion en conséquence, notamment lors des soldes ou des opérations spéciales.

3. Transparence et information du consommateur

Pour rester conforme et inspirer confiance :

• soyez clair sur la période de validité de vos offres (dates de début et de fin),
• évitez les formulations ambigües du type “prix choc” sans explication,
• indiquez, si nécessaire, la nature du prix de comparaison (prix habituel, prix conseillé, etc.).

Impact du prix barré sur les collections et la navigation

1. Utiliser les prix barrés pour des collections “En promotion”

Le champ Prix de comparaison peutêtre utilisé pour créer des collections automatiques de produits en promotion. Par exemple, vous pouvez créer une collection “Promotions” qui inclut :

• tous les produits pour lesquels le Prix de comparaison est renseigné,
• ou tous les produits dont le Prix de comparaison est supérieur au Prix.

Cela permet d’afficher facilement sur votre site une page regroupant l’ensemble de vos produits soldés, souvent très appréciée des acheteurs.

2. Effet sur les filtres et la recherche

De nombreux thèmes et applications de filtres utilisent la présence d’un Prix de comparaison pour :

• afficher un filtre “En promotion” dans la barre latérale des collections,
• mettre en avant automatiquement certains produits sur la page d’accueil,
• créer des sections dynamiques telles que “Bonnes affaires” ou “Dernières promotions”.

En prenant l’habitude de renseigner correctement le Prix de comparaison, vous facilitez ces mises en avant automatiques.

Gestion en masse des prix barrés

1. Utiliser l’export et l’import CSV

Pour les boutiques avec un catalogue important, modifier chaque fiche produit à la main peut rapidement devenir chronophage. Shopify propose une solution native :

• exporter la liste de vos produits au format CSV,
• modifier les colonnes de prix dans un tableur (Prix et Prix de comparaison),
• réimporter le fichier CSV pour mettre à jour vos produits en masse.

Cette méthode est particulièrement utile pour préparer :

• les soldes,
• les ventes privées,
• les promotions saisonnières à grandeéchelle.

2. Recourir à des applications de modification en masse

Si vous n’êtes pas à l’aise avec les fichiers CSV ou que vos règles de prix sont complexes, des applications de bulk editing peuvent :

• diminuer automatiquement le Prix d’un certain pourcentage pour une collection donnée,
• assigner un Prix de comparaison basé sur l’ancien Prix,
• planifier le début et la fin des promotions,
• restaurer les prix originaux une fois la campagne terminée.

Prix barré vs réductions automatiques et codes promo

1. Prix barré : réduction au niveau du produit

Le prix barré agit directement sur la fiche produit. Le client voit immédiatement le prix avant/après réduction, et le montant facturé correspond au Prix renseigné dans Shopify. C’est idéal pour :

• les promotions visibles et permanentes sur certains produits,
• les opérations de type “prix choc” sur un produit phare,
• les campagnes de soldes ou de liquidation de stock.

2. Réductions automatiques et codes promo : réduction au niveau du panier

Les réductions automatiques et les codes promo fonctionnent différemment :

• ils s’appliquent généralement au panier entier ou à une sélection de produits,
• le prix affiché sur la fiche produit peut rester le même, tandis que la réduction est calculée au moment du paiement,
• ils sont souvent utilisés pour des campagnes marketing ponctuelles (“-10 % sur tout le site”, “FRAISDEPORTGRATUITS”, etc.).

Il est possible de combiner un prix barré (réduction déj à visible sur la fiche produit) avec certaines réductions de panier, mais cela dépend de la configuration de vos règles de remise et deséventuelles limitations que vous aurez définies.

Prix barré et SEO : impact indirect sur le référencement

Un prix barré correctement configuré n’a pas d’effet négatif direct sur le SEO technique de votre site, à condition que :

• votre code HTML soit propre et valide,
• les prix ne soient pas cachés derrière deséléments difficilement lisibles pour les moteurs de recherche,
• les pages concernées restent rapides à charger.

En revanche, le prix barré peut avoir un impact positif indirect sur votre référencement :

• en augmentant le taux de clic (CTR) sur vos pages produits dans les résultats de recherche lorsque vos extraits riches affichent un prix attractif,
• en améliorant le taux de conversion et le temps passé sur la page, des signaux souvent corrélés à un meilleur positionnement,
• en encourageant les partages et les visites récurrentes lorsque vos promotions sont perçues comme intéressantes.

Veillez par ailleurs à travailler d’autres aspects SEO de vos fiches produits :

• des titres de produits clairs et optimisés,
• des descriptions détaillées et uniques,
• des balises meta bien rédigées,
• des images compressées avec des textes alternatifs pertinents.

FAQ : tout savoir sur le prix barré sur Shopify

Question 1 : Comment puis-je afficher un prix barré sans coder sur Shopify ?
Réponse : Vous pouvez afficher un prix barré sans aucune ligne de code en utilisant simplement les champs de prix natifs dans l’admin Shopify. Sur la fiche produit ou la variante :

• renseignez le Prix avec le prix actuel (prix réduit),
• renseignez le Prix de comparaison avec le prix original, plusélevé que le Prix,
• enregistrez la fiche produit,
• vérifiez que votre thème affiche bien les prix barrés.

Si votre thème ne montre pas le prix barré, consultez ses paramètres dans le personnaliseur ou contactez son support technique.

Question 2 : Le prix barré affecte-t-il le SEO de ma boutique ?
Réponse : Le prix barré, en lui-même, n’a pas d’impact négatif direct sur le référencement naturel, tant que le code HTML reste propre et que vos pages chargent rapidement. En revanche, en rendant vos offres plus attractives, il peut améliorer vos taux de clic et vos taux de conversion, ce qui contribue souvent à de meilleures performances globales. L’essentiel est de combiner un affichage de prix clair et honnête avec un contenu textuel de qualité.

Question 3 : Comment tester mes modifications de prix barrés avant de les rendre visibles à tous ?
Réponse : Vous pouvez :

• utiliser la fonction de prévisualisation dans le personnalisateur de thème,
• créer et tester sur une copie de thème non publiée avant de la mettre en ligne,
• ouvrir la fiche produit sur la boutique et vérifier l’affichage du prix barré sur différents appareils (ordinateur, mobile, tablette).

Question 4 : Ai-je besoin d’une application pour afficher un prix barré sur Shopify ?
Réponse : Non, pour un simple prix barré, vous n’avez pas besoin d’application. Shopify gère cette fonctionnalité nativement via les champs Prix et Prix de comparaison. Les applications deviennent utiles uniquement si vous souhaitez automatiser des promotions complexes, gérer des remises massives sur un grand catalogue ou programmer des campagnes très avancées.

Question 5 : Pourquoi mon prix barré ne s’affiche-t-il pas sur la boutique ?
Réponse : Plusieurs raisons possibles :

• le Prix de comparaison n’est pas supérieur au Prix,
• vous avez oublié de cliquer sur Enregistrer après vos modifications,
• votre thème n’affiche pas les prix barrés par défaut ou nécessite un réglage spécifique,
• vous utilisez une application qui modifie l’affichage des prix et qui entre en conflit avec le comportement natif.

Question 6 : Puis-je combiner prix barré et code promo sur un même produit ?
Réponse : Dans de nombreux cas, oui. Le prix barré définit un prix réduit au niveau du produit, tandis que le code promo applique une remise supplémentaire au panier. Selon la configuration de vos règles de remise, ces mécanismes peuvent se cumuler ou non. Vérifiez toujours le comportement dans votre boutique de test pouréviter les surprises sur les montants facturés.

Conclusion

Mettre un prix barré sur Shopify est une opération simple mais stratégique. En utilisant correctement les champs Prix et Prix de comparaison, vous pouvez :

• mettre en avant vos promotions de manière claire et attractive,
• augmenter la valeur perçue de vos offres,
• améliorer vos conversions sans complexifier votre stack technique.

En complément, le respect des règles légales, une utilisation intelligente des collections automatiques et une gestion en masse structurée vous permettront de tirer pleinement parti de cette fonctionnalité, même sur un catalogue important. En combinant prix barrés, contenu de qualité et expérience utilisateur fluide, vous maximisez le potentiel de votre boutique Shopify à la fois pour vos visiteurs et pour les moteurs de recherche.