Points clés
- Allez dans Boutique en ligne > Navigation > cliquez sur le menu > Ajouter un élément de menu.
- Définissez le nom (texte affiché dans la navigation) et la destination du lien.
- Vous pouvez faire un lien vers n’importe quelle page, collection, produit, blog ou URL personnalisée.
- Pour créer un menu déroulant, faites glisser un nouvel élément vers la droite sous un élément parent.
Pour ajouter un élément de menu dans Shopify, allez dans Boutique en ligne > Navigation, ouvrez le menu, cliquez sur Ajouter un élément de menu, entrez un nom et un lien, puis enregistrez le menu. Vous pouvez également imbriquer l’élément sous un autre pour créer un menu déroulant.
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, avec une note de 4.9 sur le Shopify App Store.
Comment ajouter un élément de menu sur Shopify
Étape 1. Dans votre interface d’administration Shopify, allez dans Boutique en ligne > Navigation.
Étape 2. Cliquez sur le menu auquel vous souhaitez ajouter un élément. Pour la plupart des boutiques, ce sera le Menu principal (en-tête) ou le Pied de page (footer).
Étape 3. Cliquez sur Ajouter un élément de menu.
Étape 4. Remplissez deux champs :
- Nom - le texte qui apparaît dans la barre de navigation. Gardez-le court : un ou deux mots.
- Lien - l’endroit où l’élément emmène le client lorsqu’il clique dessus.
Étape 5. Cliquez sur Ajouter pour ajouter l’élément à la liste.
Étape 6. Cliquez sur Enregistrer le menu.
Le nouvel élément apparaît dans votre navigation immédiatement après l’enregistrement.
Pour créer la page d’abord, consultez Créer une nouvelle page dans Shopify.
Vers quoi faire un lien
Lors de la configuration du lien pour un élément de menu, le sélecteur de liens de Shopify affiche une liste de tout votre contenu dans laquelle vous pouvez effectuer une recherche :
- Pages - À propos, Contact, FAQ ou toute page personnalisée
- Collections - toutes vos collections de produits
- Produits - pages de produits individuelles
- Blogs - les pages d’index de votre blog
- Articles de blog - articles individuels
- URL personnalisée - tout chemin ou lien externe que vous saisissez manuellement
- Aucun lien - utile lorsque l’élément est un en-tête de menu déroulant sans destination propre
Pour faire un lien vers un site externe, tapez l’URL complète (y compris https://) dans le champ du lien.
Pour créer la collection d’abord, consultez Créer une page de collection dans Shopify.
Comment créer un menu déroulant
Pour faire apparaître un nouvel élément comme une option de menu déroulant sous un élément de navigation existant :
Étape 1. Ajoutez le nouvel élément de menu comme décrit ci-dessus.
Étape 2. Dans la liste du menu, survolez le nouvel élément. Une poignée de déplacement apparaît sur la gauche.
Étape 3. Faites glisser l’élément vers la droite et en dessous de l’élément parent sous lequel vous souhaitez l’imbriquer.
Étape 4. Relâchez lorsque l’élément est en retrait. Il apparaîtra désormais sous forme de menu déroulant sous le parent.
Étape 5. Enregistrez le menu.
L’élément parent doit déjà exister dans le menu. Si vous créez une nouvelle catégorie déroulante, ajoutez d’abord l’élément parent (vous pouvez laisser son lien vide s’il s’agit juste d’une étiquette), puis imbriquez les éléments enfants sous celui-ci.
Pour en savoir plus sur les menus imbriqués, consultez Créer un menu déroulant dans Shopify.
Ajouter un élément “En promo” ou mis en évidence à la navigation
Ajoutez un élément « Soldes » ou « Nouveautés » de la même manière que n’importe quel autre élément de menu. La mise en évidence (texte rouge, gras, un badge) est une étape de style distincte : certains thèmes la proposent dans la section En-tête de l’éditeur de thème, d’autres nécessitent une petite modification CSS.
Pour la méthode complète, consultez Ajouter des liens promotionnels à la navigation Shopify.
Ajouter des éléments au menu du footer
Le menu du footer va fonctionner exactement de la même façon que votre menu principal. Dirigez-vous vers Boutique en ligne > Navigation > Pied de page, et ajoutez simplement des éléments en suivant ces mêmes instructions.
On a certains thèmes qui admettent un système multi-colonnes dans le footer, disposant de handles de menu distincts pour chacune d’entre elles. S’il s’avère que votre footer a effectivement ces colonnes (exemple de type “Boutique”, “L’entreprise”, “Support”), allez voir dans Éditeur de thème > section Pied de page pour déterminer à quelle colonne vos menus sont assignés.
Que faire si mon nouvel élément n’apparaît pas dans la navigation ?
Vérifiez deux choses :
-
Avez-vous enregistré ? Cliquez sur « Enregistrer le menu » - la modification ne s’appliquera pas tant que vous ne l’aurez pas explicitement enregistrée.
-
Le bon menu est-il assigné à l’en-tête ? Dans l’Éditeur de thème > section En-tête (Header), il y a généralement un paramètre pour définir le menu à utiliser. Assurez-vous qu’il pointe vers le menu que vous avez modifié (habituellement « Menu principal » avec le handle
main-menu).
FAQ
Quel est le nombre maximum d'éléments de menu que je peux ajouter ?
Shopify prend en charge jusqu'à trois niveaux d'imbrication et environ 250 éléments par menu au total. La limite pratique est généralement bien inférieure : plus de 7 à 8 éléments de premier niveau rendent la navigation sur ordinateur encombrée, et les menus déroulants de plus de 10 éléments deviennent illisibles. Si vous avez besoin de plus, envisagez plutôt un mega menu.
Puis-je avoir un élément de menu sans lien (juste un parent de menu déroulant) ?
Oui. Lors de l'ajout de l'élément, laissez le champ Lien vide ou définissez-le sur "Aucun lien". Le parent agit uniquement comme une étiquette qui révèle le menu déroulant - cliquer dessus ne fait rien en soi. Utile pour les en-têtes de catégorie comme "Boutique" ou "Ressources" où le parent n'est pas une véritable destination.
Comment ajouter une icône à un élément de menu dans Shopify ?
La navigation native ne prend pas en charge les icônes par élément de menu. La solution la plus propre : décrivez ce que vous voulez à Fudge ("afficher une icône Lucide à côté de chaque élément du menu principal, associée par identifiant (handle)") et il modifiera le Liquid de l'en-tête pour afficher un SVG par élément. Alternative rapide : utilisez un emoji directement dans le nom du menu ("🔥 Soldes"). Certains thèmes premium proposent également des icônes par élément de menu de manière native.
Puis-je faire en sorte qu'un élément de menu s'ouvre dans un nouvel onglet ?
Pas depuis l'interface standard du menu. Pour forcer l'ouverture dans un nouvel onglet, vous devez modifier le Liquid de la section d'en-tête pour ajouter target="_blank" rel="noopener" selon une condition personnalisée (par exemple, un modèle d'URL ou un champ méta sur l'élément de menu). Pour les liens externes que vous souhaitez ouvrir dans un nouvel onglet, cette petite modification de code en vaut la peine.
Comment changer l'ordre des éléments de menu ?
Dans Boutique en ligne → Navigation → cliquez sur le menu → survolez n'importe quel élément pour voir la poignée de déplacement sur sa gauche → faites glisser vers le haut ou le bas pour réorganiser. Faites glisser vers la droite pour l'imbriquer en tant que menu déroulant sous l'élément précédent, faites glisser vers la gauche pour le désimbriquer. Enregistrez le menu une fois terminé.
