À retenir
- Une barre de progression de livraison gratuite n’est pas une fonctionnalité native de Shopify - vous avez besoin d’une application ou de Fudge.
- La Free Shipping Bar de Hextom est une app gratuite très utilisée.
- Les barres de progression fonctionnent en montrant à un client combien il lui reste à dépenser pour débloquer la livraison gratuite.
- Une barre efficace utilise un message précis et se met à jour dynamiquement quand des articles sont ajoutés au panier.
Les paliers de livraison gratuite augmentent le panier moyen. Une barre de progression rend ce palier visible - transformant une politique abstraite en une véritable incitation en temps réel. « Il vous manque 12 $ pour la livraison gratuite » pousse les acheteurs à chercher un article de plus à ajouter.
Pourquoi vous pouvez nous faire confiance
Nous avons travaillé sur des stratégies de conversion de panier pour des centaines de boutiques Shopify. Nous avons aussi créé Fudge — un éditeur de vitrine IA noté 5.0 sur le Shopify App Store.
Qu’est-ce qu’une barre de progression de livraison gratuite ?
Un élément dynamique - généralement affiché dans le tiroir du panier (cart drawer) ou sur la page panier - qui affiche :
- Le palier de livraison gratuite (ex : « Livraison gratuite pour les commandes de plus de 50 $ »)
- Le total actuel du panier de l’acheteur
- Une barre de progression montrant à quel point ils sont proches du palier
- Un message qui se met à jour à l’ajout d’articles (« Ajoutez 12 $ de plus pour la livraison gratuite » - « Vous avez débloqué la livraison gratuite ! »)
Bien intégrée, c’est l’un des ajouts au panier avec le meilleur ROI. Ça ne coûte rien à l’acheteur (il lui suffit de dépenser plus) et ça peut faire augmenter significativement le panier moyen.
Pour en mesurer les résultats, voir suivre les conversions sur Shopify.
Option 1 - Free Shipping Bar par Hextom (l’app la plus populaire)
C’est l’application de barre de livraison gratuite la plus installée sur le Shopify App Store.
Étape 1. Allez sur le Shopify App Store et cherchez « Free Shipping Bar by Hextom ».
Étape 2. Installez l’application.
Étape 3. Dans les paramètres de l’app, définissez votre palier de livraison gratuite (il doit correspondre à votre tarif de livraison gratuite réel dans Paramètres > Expédition).
Étape 4. Personnalisez le texte du message - l’app supporte des variables dynamiques comme {amount_remaining} pour afficher le montant exact manquant.
Étape 5. Choisissez où l’afficher : barre d’annonce sur tout le site, page panier, tiroir du panier, ou partout.
Étape 6. Sauvegardez et prévisualisez.
L’app est gratuite pour une barre basique avec un seul emplacement d’affichage. Les forfaits payants ajoutent le ciblage, l’A/B testing et l’affichage multi-emplacements.
Article lié : Ajouter une barre de livraison gratuite dynamique sur Shopify.
Option 2 - Les apps d’upsell pour tiroir du panier avec barre de progression
Plusieurs applications d’optimisation de panier incluent une barre de progression de livraison gratuite dans une suite globale pensée pour améliorer le panier :
Monster Upsells - inclut une barre de progression ainsi qu’une section d’upsell dans le tiroir du panier.
iCart Cart Drawer Cart Upsell - barre de progression, upsells dans le panier et options cadeaux réunis dans un seul module de panier.
Si vous ajoutez déjà des upsells ou des cross-sells dans votre panier, ça vaut le coup de prendre une app qui gère les deux.
Article lié : Ajouter des upsells dans le panier Shopify.
Option 3 - Créer une barre de progression sur mesure avec Fudge
Pour une barre de progression native à votre thème - qui correspond exactement au design de votre marque, positionnée précisément où vous le souhaitez, et sans abonnement à une app - Fudge peut la créer pour vous.
Une barre de progression sur mesure, c’est un petit bout de JavaScript et de Liquid qui :
- Lit le total actuel du panier
- Le compare au palier de livraison gratuite
- Met à jour dynamiquement un élément de barre de progression et le texte du message
Exemple de prompt pour Fudge :
« Ajoute une barre de progression de livraison gratuite dans le tiroir du panier. Le palier est à 75 $. Affiche une barre qui se remplit quand le total du panier augmente. Message : ‘Ajoutez encore [montant] pour la livraison gratuite’ lorsque l’on est en dessous du palier, ‘Vous avez débloqué la livraison gratuite !’ quand on est au-dessus. Style ça avec la couleur d’accentuation verte de la marque. »
Fudge génère ça sous forme de brouillon. Vous n’avez plus qu’à vérifier et publier.
Article lié : Ajouter du JavaScript custom sur Shopify.
Ce qui rend une barre de progression de livraison gratuite efficace
Définissez le palier de façon stratégique. Le palier doit être fixé au-dessus de votre panier moyen (AOV). Si votre panier moyen est de 45 $, mettez la livraison gratuite à 60 $. S’il est trop proche du panier moyen, cela ne changera pas les comportements. S’il est trop loin, cela paraîtra inatteignable.
Utilisez un message précis et en temps réel. « Ajoutez 12,50 $ de plus pour la livraison gratuite » est bien plus convaincant que « Livraison gratuite à partir de 50 $ d’achats ». L’écart exact rend l’action très concrète.
Célébrez le déblocage. Quand le palier est franchi, affichez un message de félicitations (« Vous avez débloqué la livraison gratuite ! ») et un petit changement visuel (la barre se complète, passe au vert). Ce renforcement positif rassure les acheteurs dans leur décision.
Affichez-la très tôt. Montrez la barre même quand le panier est vide (« Dépensez 75 $ pour la livraison gratuite »). Ça fixe les attentes avant même que l’acheteur ne commence à ajouter des produits.
Testez l’emplacement. Pour beaucoup de boutiques, afficher la barre en haut du tiroir du panier (avant les articles) donne de meilleurs résultats que de la placer en bas.
Comment ajouter une barre de livraison gratuite sur tout le site
Beaucoup de boutiques affichent aussi une barre de livraison gratuite sous la forme d’une bannière d’annonce en haut de chaque page (pas seulement dans le panier). C’est différent de la barre de progression du panier - c’est une bannière statique ou semi-dynamique qui informe tous les visiteurs de la politique de livraison gratuite.
C’est géré par la barre d’annonce (announcement bar) dans l’éditeur de thème (si votre thème en a une) ou bien par une app. La barre de progression du panier, elle, est un élément distinct et spécifique au panier.
