Points clés
- Le moyen le plus simple d’ajouter un bouton est via l’Éditeur de thème — la plupart des sections ont un bloc de bouton intégré que vous pouvez ajouter.
- Pour placer un bouton sur mesure en dehors des sections existantes, vous avez besoin de code ou d’un outil d’IA comme Fudge.
- Lier un bouton à une page, un produit ou une URL externe se fait dans le panneau des paramètres du bouton dans l’Éditeur de thème.
- Les boutons d’ajout au panier flottants et les CTA d’en-tête nécessitent une application, un thème qui les inclut, ou une modification du code.
Pour ajouter un bouton dans Shopify, ouvrez l’Éditeur de thème, sélectionnez une section et ajoutez un bloc Bouton, puis définissez son étiquette et son lien. Si une section n’a pas de bloc de bouton, vous avez besoin de code, d’une application ou de Fudge.
Pourquoi vous pouvez nous faire confiance
Nous avons créé et personnalisé des centaines de boutiques Shopify. Nous avons également créé Fudge, l’opérateur IA pour les boutiques Shopify, noté 4.9 sur le Shopify App Store.
Comment ajouter un bouton dans l’éditeur de thème Shopify
La plupart des sections Shopify prennent en charge les blocs de boutons de manière native. C’est la méthode la plus rapide.
Étape 1. Allez dans Boutique en ligne → Thèmes → Personnaliser.
Étape 2. Accédez à la page et à la section où vous voulez le bouton.
Étape 3. Cliquez sur la section pour ouvrir ses paramètres. Cherchez un bloc Bouton ou une option Ajouter un bloc dans la barre latérale gauche.
Étape 4. Ajoutez le bloc de bouton. Entrez l’étiquette du bouton (le texte affiché) et le lien (où il mène lorsqu’on clique dessus).
Étape 5. Enregistrez.
Si vous ne voyez pas d’option de bouton dans une section, c’est que le modèle de cette section n’en inclut pas. Vous devrez soit passer à une section qui en possède un, soit ajouter un bouton via du code ou Fudge.
Pour le dimensionnement des boutons sur téléphone, consultez Rendre les boutons Shopify plus faciles à cliquer.
Comment lier un bouton à une page sur Shopify
Dans l’Éditeur de thème, lorsque vous cliquez sur un bloc de bouton, vous verrez un champ Lien. Vous pouvez le lier à :
- Une page — tapez
/pages/votre-slug-de-pageou utilisez le sélecteur de page - Un produit —
/products/handle-du-produit - Une collection —
/collections/handle-de-la-collection - Une URL externe — collez l’URL complète
- Une adresse e-mail —
mailto:hello@votreboutique.com
Le sélecteur de lien dans l’Éditeur de thème affiche une liste consultable de vos pages, produits et collections.
Pour les boutons sur les pages de collection, voir Ajouter des CTA à une page de collection Shopify.
Comment ajouter un bouton dans le contenu d’une page Shopify
Si vous modifiez une page de base (Boutique en ligne → Pages) et que vous souhaitez ajouter un bouton dans le contenu textuel :
Étape 1. Cliquez sur l’icône d’insertion de lien dans la barre d’outils de l’éditeur de page (elle ressemble à un maillon de chaîne).
Étape 2. Saisissez le texte de votre lien et l’URL.
Cela crée un lien textuel, pas un bouton stylisé. Pour qu’il ressemble à un bouton, vous devrez appliquer une classe CSS ou utiliser une fonctionnalité du thème.
Pour obtenir un bouton CTA correctement stylisé dans le contenu d’une page, il est plus propre d’ajouter un bloc de bouton via l’Éditeur de thème (si votre thème prend en charge les sections sur les pages) plutôt que via l’éditeur de page de base.
Comment ajouter un bouton “sticky” sur Shopify
Un bouton d’ajout au panier flottant (sticky add-to-cart) — qui suit l’utilisateur lorsqu’il fait défiler une page produit — est une fonctionnalité qui booste les conversions mais n’est pas incluse par défaut dans la plupart des thèmes.
Pour en ajouter un, vous avez deux options :
Option 1 — Une application Shopify. Il existe plusieurs applications de « sticky add-to-cart » sur l’App Store. C’est la voie la plus rapide, sans aucune modification de code nécessaire.
Option 2 — Code sur mesure via Fudge. Décrivez ce que vous voulez à Fudge, l’opérateur IA pour les boutiques Shopify :
« Ajoute une barre d’ajout au panier flottante sur mes pages produits qui apparaît quand l’utilisateur fait défiler la page au-delà du bouton d’ajout au panier principal. Affiche le titre du produit, le prix et un bouton d’achat. »
Fudge génère le code et l’ajoute à votre thème en tant que brouillon. Vous le vérifiez et le publiez, et une fois la barre en ligne, Fudge compare le taux d’ajout au panier sur vos pages produits avant et après la modification.
Pour les autres scripts de votre thème, consultez Ajouter du JavaScript personnalisé dans Shopify.
Comment ajouter un bouton dans le header Shopify
L’ajout d’un bouton CTA à l’en-tête de votre boutique (par ex., « Acheter maintenant » ou « Réserver un appel ») nécessite généralement de modifier la section d’en-tête de votre thème.
Dans l’Éditeur de thème : accédez à la section d’en-tête et vérifiez si elle a une option de bloc Bouton ou CTA. Certains thèmes premium l’incluent ; Dawn et la plupart des thèmes gratuits ne l’ont pas.
Si votre thème ne prend pas en charge les boutons d’en-tête de manière native, il faut passer par le code — en modifiant header.liquid ou le fichier de section équivalent pour ajouter un élément de bouton avec le lien et le style de votre choix.
Vous pouvez le décrire à Fudge : « Ajoute un bouton ‘Démarrer’ sur le côté droit de l’en-tête qui renvoie vers /pages/contact. »
Pour d’autres modifications d’en-tête et de mise en page, voir l’Éditeur de boutique Fudge.
Comment changer le texte d’un bouton sur Shopify
Le texte du bouton est défini dans l’Éditeur de thème lorsque vous ajoutez ou modifiez un bloc de bouton. Cliquez sur le bloc de bouton dans les paramètres de la section et mettez à jour le champ Étiquette.
Pour les boutons qui apparaissent dans les paramètres de langue de votre thème (comme « Ajouter au panier » ou « Acheter maintenant »), allez dans Boutique en ligne → Thèmes, cliquez sur le menu à trois points (…) à côté de votre thème, puis sur Modifier le contenu du thème par défaut. Cherchez l’expression que vous souhaitez modifier et mettez-la à jour. Pour un guide complet, voir comment changer le texte des boutons dans Shopify.
FAQ
Quelle est la différence entre un bouton d'achat Shopify (Buy Button) et un bouton de l'Éditeur de thème ?
Un bouton de l'Éditeur de thème est un élément cliquable que vous ajoutez dans les sections de votre boutique, utilisé pour n'importe quel lien ou CTA. Le Buy Button est un canal de vente Shopify distinct qui génère un widget intégrable pour vendre des produits Shopify sur des sites externes (un blog ou une landing page hors Shopify). Utilisez les boutons de l'Éditeur de thème à l'intérieur de votre boutique Shopify, et le Buy Button pour vendre en dehors.
Comment ajouter un bouton d'ajout rapide à une grille de collection Shopify ?
Dans les thèmes modernes Online Store 2.0, ouvrez l'Éditeur de thème → modèle de Collections → cliquez sur la section de la grille de produits. Cherchez une option « Ajout rapide » ou « Aperçu rapide » dans les paramètres de la section. Si votre thème n'en inclut pas, vous devrez soit changer de thème, soit l'ajouter via du code sur mesure.
Puis-je ajouter un bouton à une page Shopify sans coder ?
Oui pour les sections qui incluent un bloc de bouton - utilisez simplement l'Éditeur de thème. Pour les endroits où le thème ne propose pas de bouton (positions personnalisées dans les pages produits, en-têtes, zones de contenu), vous aurez besoin soit de code sur mesure, d'un constructeur de pages (page builder) ou d'un outil d'IA comme Fudge qui génère le code à partir d'une description.
Comment changer la couleur ou le style d'un bouton Shopify ?
La plupart des thèmes définissent les couleurs des boutons globalement sous Éditeur de thème → Paramètres du thème → Couleurs ou Boutons. Pour modifier le style d'un seul bouton sans affecter les autres, vous aurez besoin d'un bloc Liquid personnalisé avec du CSS intégré, ou de modifier le code du thème. Voir comment mettre à jour les couleurs et polices dans Shopify pour le guide complet.
Qu'est-ce que le bouton « Suivre sur Shop » de Shopify ?
C'est un bouton distinct que vous pouvez ajouter au pied de page de votre boutique, qui permet aux visiteurs de suivre votre marque dans l'application Shop de Shopify. Dans l'Éditeur de thème, ouvrez la section du pied de page et activez Suivre sur Shop. Cela nécessite que Shop Pay soit activé. Cela n'a aucun lien avec les boutons de l'Éditeur de thème ou le canal de vente Buy Button.
