Points à retenir
- Boutons d’ajout rapide/Ajouter au panier sur les fiches produits : à activer dans l’Éditeur de thème > paramètres de la section Collections.
- CTAs au niveau de la collection (bannières, sections promotionnelles) : à ajouter via l’Éditeur de thème > Ajouter une section.
- Boutons personnalisés avec des destinations spécifiques : ajoutez un bloc de bouton dans une section de texte enrichi ou une bannière.
- Pour les CTAs qui ne sont pas pris en charge par les sections de l’Éditeur de thème, utilisez Fudge pour générer le code.
Les CTAs sur les pages de collection prennent deux formes : au niveau du produit (boutons d’ajout rapide sur chaque fiche) et au niveau de la collection (une bannière promotionnelle ou un bouton “Découvrir la sélection” pour l’ensemble de la collection). Voici comment ajouter les deux.
Pourquoi vous pouvez nous faire confiance
Nous avons créé et personnalisé des centaines de boutiques Shopify. Nous avons également créé Fudge - un éditeur de boutique IA noté 5,0 sur le Shopify App Store.
CTAs sur les fiches produits - boutons d’ajout rapide
Le CTA le plus courant sur une page de collection est le bouton d’ajout rapide au panier situé sur chaque fiche produit. Il permet aux clients d’ajouter des produits directement depuis la grille de la collection sans avoir à visiter la page du produit.
Comment activer les boutons d’ajout rapide :
Étape 1. Allez dans Boutique en ligne > Thèmes > Personnaliser.
Étape 2. Accédez à une Page de collection.
Étape 3. Dans la barre latérale gauche, cliquez sur la section Collection ou Grille de produits (la section qui affiche vos produits).
Étape 4. Cherchez un paramètre appelé “Activer l’ajout rapide”, “Achat rapide” ou “Afficher Ajouter au panier”.
Étape 5. Activez-le et enregistrez.
Les boutons d’ajout rapide apparaissent généralement au survol (sur ordinateur) ou de manière permanente (sur mobile) sur les fiches produits. Pour les produits avec des variantes (couleurs, tailles), l’ajout rapide ouvre souvent une fenêtre contextuelle de sélection de variantes.
Article lié : Ajouter des ventes croisées (Cross-Sells) dans le panier Shopify.
Pour mesurer les résultats, voir suivre les événements de clics dans Shopify.
Article lié : Personnaliser une page de collection dans Shopify.
Article lié : Ajouter un bouton dans Shopify.
CTAs au niveau de la collection - bannières et boutons
Pour un CTA qui s’applique à l’ensemble de la collection - comme une bannière “Découvrir la collection d’été” avec un bouton, ou un encart “Livraison gratuite pour les commandes de plus de 75 €” - vous l’ajoutez en tant que section via l’Éditeur de thème.
Article lié : Ajouter une bannière à une page de collection Shopify.
Étape 1. Allez dans Boutique en ligne > Thèmes > Personnaliser > accédez à une Page de collection.
Étape 2. Dans la liste des sections, cliquez sur Ajouter une section. Choisissez :
- Bannière d’image - une image en pleine largeur surmontée d’un titre et d’un bouton
- Texte enrichi - un bloc de texte avec un bouton facultatif
- Bannière promotionnelle - si votre thème propose ce type de section
Étape 3. Configurez la section : ajoutez votre titre, votre texte, l’étiquette du bouton et le lien du bouton.
Étape 4. Faites glisser la section à la bonne position dans la mise en page (au-dessus ou en dessous de la grille de produits).
Étape 5. Enregistrez.
Remarque : Les sections ajoutées dans l’Éditeur de thème pour le modèle de collections apparaissent sur toutes les pages de collection. Pour des CTAs spécifiques à une collection, utilisez les champs méta (metafields) ou créez des modèles de collection distincts.
Ajouter un bouton “Tout voir” ou “Acheter”
Si vous souhaitez un simple bouton qui renvoie vers une destination spécifique (une collection, une landing page ou une URL externe), ajoutez-le dans une section Texte enrichi ou Bouton dans l’Éditeur de thème.
Dans une section Texte enrichi, vous verrez un champ Étiquette du bouton et Lien du bouton. Réglez l’étiquette sur “Acheter” ou “Tout voir” et le lien vers la destination souhaitée.
Aller plus loin que l’ajout rapide pour les CTAs sur les fiches produits
Certaines boutiques souhaitent des interactions plus sophistiquées sur les fiches produits : un bouton “Sauvegarder pour plus tard”, une case à cocher “Comparer”, une icône de wishlist, ou un sélecteur de taille directement sur la fiche.
Cela va plus loin que la simple option d’ajout rapide de l’Éditeur de thème. Ces fonctionnalités nécessitent des modifications de code dans le modèle de la fiche produit.
Décrivez ce que vous voulez à Fudge : “Ajouter une icône de cœur de wishlist en haut à droite de chaque fiche produit sur les pages de collection. Un clic enregistre le produit dans une wishlist.”
CTA sticky “Acheter cette collection”
Une barre inférieure sticky ou un bouton flottant avec un CTA spécifique à la collection (par ex., “Voir les 47 produits”) est une tendance émergente sur les pages de collection à fort taux de conversion. Cela permet de garder une action claire et visible pendant que les utilisateurs font défiler la page.
Ce n’est pas disponible dans l’Éditeur de thème standard. Décrivez-le à Fudge : “Ajouter un bouton sticky en bas des pages de collection sur mobile indiquant ‘Voir tous les produits de [nom de la collection]’. Il doit disparaître lorsque l’utilisateur atteint le footer.”
Stratégie de placement des CTAs
L’endroit où vous placez les CTAs sur une page de collection a son importance :
- En haut (au-dessus de la grille) : Idéal pour les bannières promotionnelles (“Soldes d’été - jusqu’à -40 %”) lorsque vous voulez donner du contexte avant la navigation.
- Dans la grille de produits : Les boutons d’ajout rapide se trouvent directement dans la grille.
- Entre les lignes de la grille : Certaines boutiques insèrent un bloc CTA promotionnel entre les lignes de produits (par ex., après la 2ème ligne). Il s’agit d’une implémentation personnalisée.
- En dessous de la grille : Un bon emplacement pour un CTA “Vous ne trouvez pas ce que vous cherchez ? Contactez-nous” ou d’inscription à la newsletter.
