À 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 de section / CTA 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 |