Comment ajouter une barre Sticky Add to Cart sur Shopify

Le bouton « Ajouter au panier » est l’un des éléments les plus importants sur une page produit. Mais lorsque les clients font défiler la page, le bouton d’origine disparaît souvent de l’écran, ce qui rend l’achat moins immédiat.

La barre Progus Sticky Add to Cart résout ce problème en gardant le bouton d’achat visible pendant la navigation. Si vous hésitez encore à ajouter un CTA sticky à votre boutique, consultez notre comparaison entre Sticky Add to Cart et un bouton Ajouter au panier standard.

Dans ce guide, nous vous montrons comment ajouter Progus Sticky Add to Cart à votre boutique Shopify, activer l’application et personnaliser votre barre sticky.

Étape 1 : installer et ouvrir Progus Sticky Add to Cart

Pour commencer, vous pouvez installer l’application de deux façons :

Option 1 : depuis le Shopify App Store

• Accédez au Shopify App Store
• Recherchez Progus Sticky Add to Cart Bar
• Cliquez sur Install

Option 2 : depuis le site de Progus

Vous pouvez aussi installer l’application directement depuis la page officielle : Progus Sticky Add to Cart

Après l’installation : ouvrez l’application depuis votre tableau de bord Shopify.

Vous verrez le tableau de bord principal avec votre guide de configuration. Il vous aidera à activer l’application, personnaliser votre barre Sticky Add to Cart et vérifier qu’elle fonctionne correctement sur votre boutique.

Étape 2 : activer l’application

Après avoir ouvert Progus Sticky Add to Cart depuis votre tableau de bord Shopify, vous verrez le guide de configuration principal.

Commencez par activer l’application. Cliquez sur Activate.

Shopify peut ouvrir les paramètres d’intégration de l’application dans votre thème. Si c’est le cas, activez l’app embed puis cliquez sur Save en haut à droite.

Revenez ensuite à Progus Sticky Add to Cart et actualisez l’état de la configuration si nécessaire.

Étape 3 : ouvrir le panneau de personnalisation

Une fois l’application activée, revenez au guide de configuration et cliquez sur Customize.

Cela ouvre le panneau de personnalisation, où vous pouvez modifier votre Sticky Add to Cart et prévisualiser les changements sur la droite de l’écran.

Étape 4 : configurer les paramètres de la barre

Commencez par la section Bar . Vous pouvez y personnaliser l’apparence générale et le comportement de votre barre Sticky Add to Cart.

Vous pouvez notamment ajuster :

• le mode d’arrière-plan et la couleur
• la position et la visibilité de la barre
• les effets
• la bordure
• les espacements

Choisissez des réglages qui rendent la barre bien visible sans détourner l’attention de la page produit. Pour la plupart des boutiques, placer la barre en bas de l’écran est un bon point de départ, surtout sur mobile.

Étape 5 : ajouter un compte à rebours ou un message d’annonce

Accédez à la section Countdown pour ajouter un court message ou un minuteur à votre barre sticky.

Vous pouvez définir le moment où le compte à rebours s’affiche, modifier le message, ajuster les couleurs et choisir une durée fixe ou une date de fin précise.

Utilisez cette section pour de vraies promotions ou des offres limitées dans le temps, et gardez un message court afin de soutenir la décision d’achat sans distraire les visiteurs.

Étape 6 : personnaliser les informations produit

Dans la section Product , choisissez quelles informations produit doivent apparaître dans votre barre sticky.

Vous pouvez afficher ou masquer l’image du produit, son nom, son prix, le prix barré et le badge de réduction.

Pour la plupart des boutiques, le nom du produit, le prix et le bouton Ajouter au panier suffisent pour garder une barre claire et facile à utiliser.

Étape 7 : ajuster la quantité et les options de variantes

Dans la section Quantity , vous pouvez activer les sélecteurs de quantité et de variantes.

Si vos produits ont des variantes comme la taille ou la couleur, afficher le sélecteur de variantes peut fluidifier l’expérience d’achat. Gardez cette section simple, surtout sur mobile, afin que les clients puissent choisir leurs options sans se sentir submergés.

Étape 8 : personnaliser le bouton Ajouter au panier

Accédez à la section Add To Cart pour personnaliser le texte du bouton, les couleurs et l’action au clic.

Vous pouvez utiliser votre propre texte de CTA, par exemple Ajouter au panier, Ajouter au sac ou Commander.

Vous pouvez aussi choisir ce qui se passe après le clic sur le bouton :

• rester sur la page
• aller au panier
• aller au paiement

Pour la plupart des boutiques, un libellé clair et familier comme Ajouter au panier reste l’option la plus sûre. Si vous souhaitez raccourcir le parcours d’achat, vous pouvez tester l’envoi direct vers le panier ou le paiement.

Étape 9 : choisir où la barre sticky s’affiche

Dans la section Display , choisissez où la barre Sticky Add to Cart doit apparaître.

Vous pouvez l’afficher sur :

• tous les produits
• des produits spécifiques
• des collections spécifiques

Vous pouvez aussi exclure certains produits ou certaines collections si nécessaire.

Si vous configurez l’application pour la première fois, commencez par All products puis ajustez les règles d’affichage plus tard.

Étape 10 : prévisualiser, tester et valider la configuration

Avant de finaliser la configuration, utilisez la zone d’aperçu pour vérifier l’apparence de votre barre Sticky Add to Cart sur ordinateur et sur mobile. Assurez-vous que le CTA est bien visible, que le texte reste lisible et que la barre ne masque pas de contenu important.

Ouvrez ensuite l’une de vos pages produit, faites défiler jusqu’à l’apparition de la barre Sticky Add to Cart, puis testez le bouton en ajoutant un produit au panier. Si tout fonctionne correctement, revenez au guide de configuration et cliquez sur Confirm.

Votre barre Progus Sticky Add to Cart est maintenant prête à garder votre CTA visible pendant que les clients parcourent votre boutique Shopify.

Bonnes pratiques après l’installation

Après la configuration, gardez votre barre sticky simple, visible et facile à utiliser.

• Harmonisez la barre avec les couleurs et le design global de votre boutique
• Gardez un CTA clair et facile à comprendre
• Testez soigneusement la version mobile
• Évitez d’ajouter trop d’éléments en même temps
• Utilisez les comptes à rebours ou messages d’annonce uniquement lorsqu’ils soutiennent une offre réelle

L’objectif est de faciliter l’achat, pas de détourner l’attention des clients de la page produit.

Si votre bouton Ajouter au panier est visible mais ne génère toujours pas de clics, consultez notre guide : Pourquoi les utilisateurs ne cliquent pas sur Ajouter au panier →

Résumé

Ajouter Progus Sticky Add to Cart Bar à votre boutique Shopify est un moyen simple d’améliorer la visibilité du CTA et de fluidifier le parcours d’achat.

Avec l’application, vous pouvez garder le bouton Ajouter au panier visible, personnaliser la barre sticky, ajouter des messages promotionnels et contrôler où elle s’affiche.

Elle est conçue pour être rapide et facile à configurer, et son installation est gratuite.

Essayez Progus Sticky Add to Cart et gardez votre bouton Ajouter au panier toujours visible →