Documentation

How to add sticky add to cart bar (sticky ad bar)?

Highlight key info (promo, free shipping, new arrivals…) with a sticky announcement bar at the top of your site. Here’s how to add it using the Story theme.

🎬 Voici une vidéo qui peut t'aider : https://youtu.be/2a2Awsb33Xo


🛒 Comment activer la barre d’ajout au panier collante ?


⚠️ Uniquement disponible sur les pages produit, elle ne fonctionne pas sur la page d’accueil.


🎯 Pourquoi l’utiliser ?


La barre d’ajout au panier collante (sticky Add to Cart) permet de :

  • Garder le bouton d’achat visible en permanence,
  • Améliorer l’expérience utilisateur, surtout sur mobile,
  • Booster ton taux de conversion sur les pages produit.


⚙️ Comment l’activer ?


  1. Va dans Boutique en ligne > Personnaliser
  2. Ouvre une page produit
  3. Scrolle dans l’éditeur jusqu’à l’élément entre le header et les sections produit
  4. Clique sur “Barre d’ajout panier collante”
  5. Active l’option “Afficher la barre d’ajout panier collante”


🎨 Personnalisation possible


1. Contenu & affichage

  • Afficher l’image du produit ou non
  • Afficher la note (étoiles)
  • Traduction du bouton (“Ajouter au panier”, “Buy now”, etc.)
  • Masquer les textes sur mobile si besoin


2. Position de la barre

Tu peux choisir :

  • Barre en haut
  • Barre en bas
  • Bloc flottant en :
  • Haut gauche / droite
  • Bas gauche / droite

💡 Recommandation : “Bloc en bas à droite” est souvent le plus discret et pratique.


Style

  • Personnalise les couleurs de fond, texte et bouton
  • Choisis un style cohérent avec ton thème (ex. : fond noir pour s’aligner avec le header)


✅ Bonnes pratiques

  • Active la barre avant le bouton principal (ATC) pour qu’elle apparaisse rapidement
  • Utilise un style clair et lisible, surtout sur mobile
  • Fais des tests A/B pour voir quelle position convertit le mieux


Besoin d'aide ? N'hésite pas à nous contacter à [email protected] ! Réponse sous 48H ouvrés (donc hors week-ends et jours fériés). ⌛