À retenir
- Boutons d’ajout rapide / Ajouter au panier sur les fiches produits : activez-les dans l’Éditeur de thème > Paramètres de la section Collections.
- CTA au niveau de la collection (bannières, sections promotionnelles) : ajoutez-les 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 de bannière.
- Pour les CTA qui ne sont pas pris en charge par les sections de l’Éditeur de thème, utilisez Fudge pour générer le code.
Pour ajouter des CTA à une page de collection Shopify, activez l’ajout rapide dans les paramètres de la grille de produits pour avoir des boutons sur chaque fiche, ou ajoutez une Bannière d’image ou une section Texte enrichi avec un bouton au modèle de collection pour un CTA qui couvre toute la collection. Ces deux options sont expliquées ci-dessous.
Pourquoi vous pouvez nous faire confiance
Nous avons créé et personnalisé des centaines de boutiques Shopify. Nous avons également développé Fudge, l’opérateur IA pour les boutiques Shopify, noté 4.9 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 sur chaque fiche produit. Cela permet aux clients d’ajouter des produits directement depuis la grille de la collection sans 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 généralement une popup pour sélectionner la variante.
Pour voir si les acheteurs utilisent les boutons, consultez Suivre les clics dans Shopify.
CTAs au niveau de la collection - bannières et boutons
Pour un CTA qui s’applique à toute la collection - comme une bannière “Découvrez la collection d’été” avec un bouton, ou une annonce “Livraison gratuite à partir de 75 €” - vous l’ajoutez en tant que section via l’Éditeur de thème.
É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 avec un titre et un bouton superposés
- Texte enrichi - un bloc de texte avec un bouton optionnel
- Bannière promotionnelle - si votre thème dispose de 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 place 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 des collections apparaissent sur toutes les pages de collection. Pour des CTA spécifiques à une collection, créez des modèles de collection distincts ou utilisez la méthode des champs méta (metafields) par collection dans Ajouter une bannière à une page de collection Shopify.
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 n’importe quelle section avec un bloc de bouton) dans l’Éditeur de thème.
Dans une section Texte enrichi, vous verrez les champs Étiquette du bouton et Lien du bouton. Réglez l’étiquette sur “Acheter” ou “Tout voir” et le lien sur 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 “Enregistrer pour plus tard”, une case à cocher “Comparer”, une icône de wishlist, ou un sélecteur de taille directement sur la fiche.
Celles-ci vont au-delà de la simple option d’ajout rapide de l’Éditeur de thème. Elles nécessitent de modifier le code du modèle de la fiche produit.
Décrivez ce que vous voulez à Fudge, l’opérateur IA pour les boutiques Shopify : “Ajoute une icône de cœur de wishlist en haut à droite de chaque fiche produit sur les pages de collection. En cliquant dessus, le produit est enregistré dans une wishlist.”
CTA sticky “Acheter cette collection”
Une barre inférieure fixe ou un bouton flottant (sticky) avec un CTA spécifique à la collection (par ex., “Voir les 47 produits”) 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: “Ajoute un bouton sticky en bas des pages de collection sur mobile qui indique ‘Voir tous les produits de [nom de la collection]’. Il doit disparaître lorsque l’utilisateur atteint le footer.” Fudge prépare le brouillon pour que vous le vérifiez sur mobile avant de le publier, et son travail sur la conversion compare le taux de conversion sur vos pages de collection avant et après le changement.
Stratégie de placement des CTAs
L’emplacement de vos CTA 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 % ») où vous souhaitez définir le contexte avant la navigation.
- Dans la grille de produits : Les boutons d’ajout rapide s’intègrent directement dans la grille.
- Entre les rangées de la grille : Certaines boutiques insèrent un bloc CTA promotionnel entre les rangées de produits (par ex., après la 2ème rangée). Il s’agit d’une intégration sur mesure.
- En dessous de la grille : Un bon endroit pour un CTA du type « Vous ne trouvez pas votre bonheur ? Contactez-nous » ou pour l’inscription à la newsletter.
FAQ
Pourquoi le bouton d'ajout rapide ne s'affiche-t-il pas sur mes fiches produits ?
Trois causes fréquentes : (1) l'option existe dans votre thème mais est désactivée dans les paramètres de la section Collections, (2) la version de votre thème est antérieure à l'arrivée de l'ajout rapide (les anciens Debut/Brooklyn ne l'ont pas), ou (3) les produits sans variantes disponibles ou en rupture de stock masquent souvent l'ajout rapide automatiquement.
Le bouton d'ajout rapide doit-il ignorer le sélecteur de variantes ?
Pour les produits sans variantes (ou avec une seule variante) - oui, ignorez le sélecteur et ajoutez directement. Pour les produits avec plusieurs variantes (tailles, couleurs) - ne l'ignorez jamais ; vous auriez des retours et des plaintes d'acheteurs ayant choisi la mauvaise variante. Les thèmes modernes gèrent cette distinction automatiquement.
Puis-je avoir un CTA différent sur chaque page de collection ?
Oui, mais cela nécessite une configuration. L'approche la plus propre : décrivez ce que vous voulez à Fudge ("lis le texte et le lien du CTA à partir d'un metafield par collection, avec une valeur par défaut si c'est vide") et il crée la section basée sur le champ méta pour que vous puissiez définir un CTA par collection sans créer de nouveaux modèles. Alternative : des modèles par collection avec chacun sa propre configuration de CTA.
Les boutons CTA ralentissent-ils le temps de chargement de la page de collection ?
De façon négligeable. Le bouton en lui-même n'est que du HTML/CSS. Les boutons d'ajout rapide sont légèrement plus lourds car ils récupèrent les données des variantes lorsqu'on clique dessus, mais cela se fait à la demande - pas lors du chargement initial de la page.
Quel est le meilleur texte de CTA pour une page de collection ?
Spécifique est mieux que générique. "Achetez 47 robes d'été" a de meilleurs résultats que "Acheter". "Retours gratuits sur chaque commande" dépasse "En savoir plus". Dites aux acheteurs exactement ce qu'ils obtiendront s'ils cliquent - les CTA vagues ont toujours de mauvaises performances.
