À retenir
- Les boutons de section (CTAs hero, boutons de blocs de fonctionnalités) sont modifiés directement dans les paramètres de section de l’éditeur de thème.
- Les boutons système comme « Ajouter au panier » et « Acheter maintenant » se modifient via Boutique en ligne > Thèmes > Actions > Modifier les langues.
- Vous ne pouvez pas modifier « Ajouter au panier » en cliquant dessus dans l’aperçu : c’est une chaîne de langue, pas un paramètre de section.
- Si vous avez besoin d’un bouton qui n’existe pas encore, Fudge peut l’ajouter à partir d’une simple description textuelle. Voir aussi : comment ajouter un bouton sur Shopify.
Il y a deux types de boutons sur Shopify, et ils se modifient à des endroits complètement différents. Se tromper de bouton est la source de frustration la plus courante quand on essaie de changer le texte d’un bouton.
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.
Les deux types de boutons Shopify
Type 1 - Boutons de section. Ce sont des boutons ajoutés comme blocs dans des sections (bannières hero, sections de fonctionnalités, blocs image avec texte). Le texte est modifiable directement dans l’éditeur de thème.
Type 2 - Boutons système. Ce sont des boutons générés par les fonctionnalités de base de Shopify : “Ajouter au panier”, “Acheter maintenant”, “Continuer vos achats”, “Procéder au paiement”. Leur texte se trouve dans le fichier de langue de votre thème, pas dans les paramètres de la section.
Méthode 1 - Changer le texte d’un bouton de section dans l’éditeur de thème
Étape 1. Allez dans Boutique en ligne > Thèmes > Personnaliser.
Étape 2. Naviguez jusqu’à la section contenant le bouton.
Étape 3. Cliquez sur la section dans la barre latérale gauche pour ouvrir ses paramètres.
Étape 4. Trouvez le bloc du bouton dans les paramètres de la section. Cliquez dessus pour le dérouler.
Étape 5. Mettez à jour le champ Étiquette (Label) ou Texte du bouton avec votre nouveau texte.
Étape 6. Cliquez sur Enregistrer.
Le changement est visible immédiatement dans l’aperçu. Si vous ne trouvez pas le bouton dans les paramètres de la section, il s’agit peut-être d’un bouton système - voir la Méthode 2.
Méthode 2 - Changer “Ajouter au panier”, “Acheter maintenant” et le texte d’autres boutons système
Les boutons système de Shopify sont gérés par un fichier de langue. Vous ne pouvez pas les modifier en cliquant dessus dans l’aperçu de l’éditeur de thème.
Étape 1. Allez dans Boutique en ligne > Thèmes.
Étape 2. Cliquez sur Actions > Modifier les langues (ou Modifier le contenu par défaut du thème) sur votre thème actif.
Étape 3. Utilisez la barre de recherche en haut. Cherchez la phrase exacte que vous voulez modifier - par exemple, “Add to cart”.
Étape 4. La recherche affichera le champ correspondant. Cliquez dedans et tapez votre nouveau texte.
Étape 5. Cliquez sur Enregistrer.
Chaînes courantes de boutons système et où les trouver
| Bouton | Terme de recherche |
|---|---|
| ”Ajouter au panier” | add to cart |
| ”Acheter maintenant” | buy it now |
| ”Continuer vos achats” | continue shopping |
| ”Procéder au paiement” | checkout |
| ”Épuisé” | sold out |
L’écran Modifier les langues contient chaque chaîne traduisible de votre thème. Utilisez la recherche - la liste est longue.
Apparenté : Traduire manuellement du texte sur Shopify.
Et si le texte du bouton ne se met pas à jour ?
Quelques points à vérifier :
- Vous avez modifié le mauvais thème. Assurez-vous d’avoir cliqué sur Modifier les langues sur votre thème en ligne/actif, pas sur un brouillon.
- Le thème possède plusieurs fichiers de langue. Si votre boutique a plusieurs langues actives, vous devrez mettre à jour chacune d’elles.
- Le bouton provient d’une application. Certaines applications (widgets d’avis, apps d’upsell) ajoutent leurs propres boutons. Modifiez-les via les paramètres de l’application en question.
Changer la police d’un bouton sur Shopify
Si vous souhaitez modifier la police des boutons (et pas seulement le texte), cela se contrôle via :
- Éditeur de thème > Paramètres du thème > Typographie - pour la police globale appliquée à tous vos boutons.
- Le CSS dans le dossier assets de votre thème - pour des modifications d’apparence spécifiques par bouton (graisse, taille, espacement des lettres).
Les changements de police de boutons qui vont au-delà de ce que propose l’éditeur de thème requièrent du CSS. Si vous n’êtes pas à l’aise avec cela, Fudge peut effectuer des modifications CSS ciblées sur vos boutons à partir d’une simple description textuelle.
Apparenté : Ajouter un pop-up d’e-mail sur Shopify.
Apparenté : Modifier le texte de livraison sur Shopify.
Apparenté : Mettre à jour le texte du tiroir de panier sur Shopify.
Aide-mémoire
| Ce qu’il faut changer | Où aller |
|---|---|
| Texte du bouton CTA de la section / du Hero | Éditeur de thème > cliquez sur la section > bloc du bouton |
| Texte “Ajouter au panier” | Thèmes > Actions > Modifier les langues |
| Texte “Acheter maintenant” | Thèmes > Actions > Modifier les langues |
| Police / style du bouton | Paramètres du thème > Typographie ou CSS |
FAQ
Pourquoi ne puis-je pas modifier “Ajouter au panier” en cliquant dessus dans l’Éditeur de thème ?
C’est un bouton système généré à partir du fichier de langue de votre thème, et non un bloc de section configurable. Les boutons de section (CTA du Hero, boutons de bannière) peuvent être modifiés en cliquant dessus ; les boutons système nécessitent d’aller dans Boutique en ligne → Thèmes → Actions → Modifier les langues.
Est-ce que changer le texte “Ajouter au panier” affectera le référencement (SEO) ou la conversion ?
Pour la conversion : très peu, dans un sens comme dans l’autre. “Ajouter au panier” est la norme et les acheteurs s’y attendent. Des modifications comme “Ajouter au sac” ou “Je le veux” peuvent fonctionner si elles correspondent au ton de votre marque, mais ne vous attendez pas à une augmentation significative. Pour le SEO : non - ce texte n’est pas indexé d’une manière qui affecte le classement.
Puis-je avoir un texte de bouton différent selon les produits ?
Oui, avec une logique Liquid personnalisée. Décrivez la règle à Fudge (“afficher ‘Précommander’ sur les produits avec le tag ‘pre-order’, sinon ‘Ajouter au panier’”) et il encapsule l’étiquette du bouton dans le bon bloc {% case product.tags %} ou {% if product.type %}. Aucun paramètre de thème ne propose ça, il faut donc le coder — avec Fudge ou par un développeur.
Pourquoi le texte de mon bouton redevient-il comme avant après avoir sauvegardé ?
Deux causes courantes : (1) vous avez modifié un brouillon de thème mais regardé votre thème en ligne, ou (2) vous avez plusieurs langues actives et vous n’avez modifié que la version anglaise (la page affiche le texte de l’autre langue). Modifiez le fichier de langue de chaque version séparément.
Puis-je modifier le texte du bouton “Épuisé” uniquement sur certains produits ?
Pas via le fichier de langue - cette modification s’applique globalement. Pour remplacer cela par produit, modifiez le modèle Liquid de la page produit pour afficher un texte différent selon un tag ou un méta-champ (metafield) ({% if product.tags contains 'preorder-back-soon' %}De retour dans 2 semaines{% else %}Épuisé{% endif %}).
