Points clés

Allez dans Boutique en ligne > Navigation > cliquez sur le menu > faites glisser les éléments à l’aide de l’icône sur la gauche.

L’élément en haut de la liste apparaît en premier dans la navigation.

Les éléments du menu déroulant (enfants) peuvent également être réorganisés au sein de leur groupe parent.

Enregistrez le menu après la réorganisation pour que les modifications soient prises en compte.

Changer l’ordre des éléments de votre menu de navigation dans Shopify est une simple opération de glisser-déposer. Aucun code requis.

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 assisté par IA avec une note de 5.0 sur le Shopify App Store.

Étape 1. Dans votre admin Shopify, allez dans Boutique en ligne > Navigation.

Étape 2. Cliquez sur le menu que vous souhaitez réorganiser - généralement le Menu principal (Main menu) ou le Pied de page (Footer).

Étape 3. Dans l’éditeur de menu, survolez n’importe quel élément. Une icône de déplacement apparaît sur le côté gauche de l’élément - elle ressemble à six points agencés dans une grille (ou à trois lignes horizontales, selon votre version de Shopify).

Étape 4. Cliquez et maintenez l’icône de déplacement, puis faites glisser l’élément vers le haut ou vers le bas jusqu’à sa nouvelle position.

Étape 5. Relâchez pour le déposer à sa nouvelle position.

Étape 6. Cliquez sur Enregistrer (Save menu) pour confirmer la modification.

L’ordre mis à jour apparaît dans la navigation de votre boutique immédiatement après l’enregistrement.

Réorganiser les éléments déroulants

Les éléments de menu déroulant (éléments imbriqués sous un parent) peuvent être réorganisés indépendamment au sein de leur groupe.

Survolez un élément enfant pour faire apparaître son icône de déplacement. Faites-le glisser vers le haut ou vers le bas au sein du menu déroulant - il reste imbriqué sous son parent, simplement dans une position différente dans la liste déroulante.

Vous ne pouvez pas faire glisser un élément enfant pour qu’il devienne un élément de premier niveau avec le même geste. Pour reconvertir un élément de menu déroulant en élément principal, faites-le glisser vers la gauche jusqu’à ce qu’il ne soit plus en retrait.

Sur le même sujet : Créer un menu déroulant dans Shopify.

La plupart des boutiques e-commerce suivent un ordre de navigation prévisible auquel les clients s’attendent :

Côté gauche de la navigation (premiers éléments):

Boutique / Tous les produits
Collections (par catégorie)
Nouveautés / Soldes

Côté droit (derniers éléments):

À propos / Notre histoire
Blog
Contact

Placer les liens de vos collections principales en premier est logique, car c’est là que la plupart des visiteurs souhaitent se rendre. Les pages À propos et Contact peuvent se trouver à la fin ou dans le pied de page.

Pour les boutiques avec un petit nombre de collections (3 à 5), une navigation simple fonctionne bien. Pour les boutiques avec de nombreuses catégories, pensez à les regrouper dans des menus déroulants afin que la navigation supérieure reste épurée.

Vous voulez une mise en page de navigation personnalisée avec des éléments stylisés ? Décrivez-la à Fudge.

Try Fudge for Free

L’ordre de navigation a un effet mineur mais réel sur le référencement naturel (SEO). Les liens situés plus haut dans le code source de la page (les premiers du menu) transmettent un peu plus de jus de lien interne à leurs pages de destination.

D’un point de vue pratique, la différence SEO est faible - vous ne verrez pas de changement radical dans vos classements en réorganisant votre navigation. Le plus grand avantage SEO provient du fait de proposer des liens vers vos pages de catégories principales dans la navigation, ce que Shopify gère très bien.

Plus important encore, l’ordre de votre navigation affecte le comportement des utilisateurs. Si votre collection la plus vendue est cachée à la fin de la navigation, moins de gens la trouveront. Placez vos liens les plus importants en premier.

Sur le même sujet : Modifier les balises titre (Meta Titles) dans Shopify.

Sur le même sujet : Créer une page de collection dans Shopify.

Réorganiser des menus comportant plusieurs niveaux

La navigation standard de Shopify prend en charge deux niveaux : les éléments principaux et un niveau d’imbrication (menu déroulant).

Lorsque vous réorganisez des éléments principaux, tous les éléments enfants déroulants qu’ils contiennent se déplacent avec eux. L’ordre interne du menu déroulant reste le même, sauf si vous réorganisez spécifiquement les éléments enfants.

Sur le même sujet : Ajouter des liens promotionnels à la navigation dans Shopify.

Le menu du pied de page se modifie exactement de la même manière : faites glisser pour réorganiser les éléments. Si votre thème utilise plusieurs colonnes en bas de page, chaque colonne est généralement associée à son propre menu (par exemple, “Footer column 1”, “Footer column 2”). Vous devrez alors réorganiser les éléments de chaque menu séparément.