À retenir
- Les boutons de section (CTAs principaux, boutons de blocs de fonctionnalités) se modifient 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. Voir aussi : comment ajouter un bouton sur Shopify.
Il existe deux types de boutons sur Shopify, et ils se modifient à des endroits complètement différents. Se tromper d’endroit est la source de frustration la plus courante lorsque l’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é 4.8 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” | ajouter au panier |
| “Acheter maintenant” | acheter maintenant |
| “Continuer les achats” | continuer les achats |
| “Paiement” | paiement |
| “Épuisé” | épuisé |
L’écran Modifier les langues couvre toutes les chaînes traduisibles de votre thème. Utilisez la recherche - la liste est longue.
Article lié : Traduire du texte manuellement 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
| Élément à modifier | Où aller |
|---|---|
| Texte du bouton CTA de section / hero | Éditeur de thème > cliquer 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
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 hero, boutons de bannière) peuvent être modifiés au clic ; les boutons système nécessitent d'aller dans Boutique en ligne → Thèmes → Actions → Modifier les langues.
Conversion : très peu, dans un sens comme dans l'autre. "Ajouter au panier" est le standard et les acheteurs s'y attendent. Des changements comme "Ajouter au sac" ou "Je le veux" peuvent fonctionner s'ils correspondent au ton de votre marque, mais ne vous attendez pas à une hausse significative. SEO : non - ce texte n'est pas indexé d'une manière qui affecte le classement.
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 enveloppera 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 — via Fudge ou un développeur.
Deux causes courantes : (1) vous avez modifié un brouillon de thème mais vous regardez votre thème en ligne, ou (2) vous avez plusieurs langues actives et n'avez modifié que la version anglaise (la page affiche le texte de l'autre langue). Modifiez le fichier de langue de chaque langue séparément.
Pas via le fichier de langue - cette modification s'applique globalement. Pour le personnaliser par produit, modifiez le template Liquid de la page produit pour afficher un texte différent selon un tag ou un champ méta ({% if product.tags contains 'preorder-back-soon' %}De retour dans 2 semaines{% else %}Épuisé{% endif %}).
