Comment créer plusieurs menus dans Wix : tutoriel étape par étape

Créer un site web avec plusieurs menus peut réellement améliorer la navigation et l’organisation de votre site. Mais honnêtement, l’interface de Wix n’est pas très intuitive pour ajouter plusieurs menus ; il faut presque bidouiller. Il arrive que les menus ne s’affichent pas où vous le souhaitez ou ne fonctionnent pas comme prévu. Si vous rencontrez ce problème, ou si vous cherchez simplement à optimiser la navigation, ce guide vous propose des étapes pratiques. Attendez-vous à quelques essais et erreurs, mais ces solutions s’appuient sur des solutions qui ont réellement fonctionné pour d’autres utilisateurs.

Comment résoudre le problème d’ajout de plusieurs menus dans Wix

Méthode 1 : utiliser un système de dossiers de menu personnalisé

Il s’agit d’une solution de contournement, particulièrement utile si vous souhaitez des styles ou des sections différents. En résumé, au lieu d’essayer d’ajouter plusieurs menus en tant qu’entités distinctes (ce que Wix ne gère pas bien en natif), vous pouvez créer une structure de dossier ou de page simulant plusieurs menus. Cela signifie que vous configurez manuellement les différents éléments de menu et les positionnez là où vous le souhaitez. Cette solution s’applique lorsque le menu par défaut présente un comportement étrange ou n’autorise qu’un seul menu dans l’en-tête.

Accédez à l’ éditeur Wix editor.wix.com.
Au lieu de sections, pensez à créer des menus de barre latérale ou de pied de page personnalisés en ajoutant des éléments de bouton ou un menu enrichi.
Utilisez les options Gérer le menu pour attribuer des pages à vos menus personnalisés.

Prévoyez de les positionner manuellement ; votre mise en page peut donc nécessiter quelques ajustements. Il arrive que, sur certaines configurations, les menus se chevauchent ou ne s’alignent pas ; préparez-vous donc à quelques ajustements. Mais cela fonctionne lorsque vous avez besoin de plusieurs zones de navigation distinctes.

Méthode 2 : ajouter un menu « secondaire » via un code personnalisé

C’est un peu plus technique, mais c’est en quelque sorte la clé du succès. Wix ne prenant pas officiellement en charge les menus multiples par défaut, vous pouvez intégrer un menu personnalisé avec des extraits de code ou utiliser une application tierce. Une approche courante consiste à insérer du code HTML qui charge un second menu depuis un autre emplacement, comme un menu personnalisé créé avec Bootstrap ou d’autres frameworks.

Utilisez le widget Embed & Code du Wix App Market ou l’ élément HTML iframe.
Collez votre code de menu personnalisé (par exemple, à partir d’une barre de navigation Bootstrap ou d’un menu créé sur une autre plate-forme) à l’intérieur de ce widget.
Positionnez-le où vous le souhaitez sur votre page pour une deuxième barre de navigation.

Cela fonctionne plutôt bien, mais attention : c’est un peu fragile, surtout si Wix est mis à jour ou si vous n’êtes pas familier avec le codage. De plus, sur mobile, cela peut s’avérer délicat ; testez donc rigoureusement.

Méthode 3 : utiliser Wix Corvid (Velo) pour créer des menus dynamiques

Cette solution est plus avancée, mais extrêmement flexible. Si vous maîtrisez Wix Corvid (désormais appelé Velo), vous pouvez écrire des scripts générant dynamiquement plusieurs menus. Concrètement, vous créez vos données de menu en backend, puis utilisez de courts extraits de code pour afficher différents menus selon la logique ou la mise en page.

Ouvrez le mode Dev dans votre éditeur Wix ( voici comment ).
Créez des collections de données pour vos éléments de menu.
Utilisez du code personnalisé pour générer des éléments de menu et les injecter dans différentes sections de page.

Ce n’est pas très rapide, mais si vos besoins en matière de menus sont complexes, cette méthode vous offrira un contrôle optimal. Gardez simplement à l’esprit qu’il s’agit plus d’une solution définitive que d’un simple changement rapide. Sur certaines configurations, les menus peuvent se comporter de manière étrange si les scripts ne se chargent pas correctement ; testez donc minutieusement.

Un dernier conseil : vérifiez votre site sur mobile et ordinateur

Quelle que soit la méthode choisie, examinez toujours votre site sur tous les appareils. Wix peut être exigeant : un site peut être superbe sur ordinateur, mais complètement défectueux sur mobile si vous ne redimensionnez pas ou n’ajustez pas la mise en page. C’est probablement la raison pour laquelle vos menus supplémentaires ne s’affichent pas ou semblent défectueux.

Croyez-moi, parfois, le simple fait de redimensionner des sections, d’ajuster les marges ou de désactiver certains paramètres de masquage sur mobile peut résoudre bon nombre de ces problèmes. Car, bien sûr, Wix rend la tâche un peu plus complexe qu’elle ne l’est.

Résumé

Utilisez des sections personnalisées et intégrez des éléments si Wix limite vos menus
Essayez d’intégrer du code pour plus de contrôle, mais testez intensivement
Utilisez Velo pour des menus dynamiques et évolutifs (si vous êtes à l’aise avec le codage)
Toujours prévisualiser sur mobile pour détecter les problèmes de mise en page

Conclure

Ajouter plusieurs menus dans Wix n’est pas simple – c’est un peu bizarre –, mais un mélange de solutions de contournement et de code personnalisé fait généralement l’affaire. C’est un peu brouillon, mais avec quelques ajustements et des tests répétés, votre site devrait offrir une meilleure navigation. Parfois, une simple réorganisation ou un peu de CSS peuvent sauver la mise. Gardez simplement à l’esprit que l’interface de Wix n’est pas vraiment conçue pour cela ; patience et créativité sont donc essentielles. Espérons que cela évitera à certains de s’arracher les cheveux.