Mega menu Wix Studio : créer un menu déroulant riche 🧭

Un mega menu est un grand panneau qui s’ouvre depuis un élément du menu. Au lieu d’une simple liste de liens, il peut afficher des textes, des boutons, des images ou des formes : pratique pour présenter vos services ou vos catégories d’un coup d’œil.

En bref : sur Wix Studio, sélectionnez un menu horizontal, cliquez sur « Gérer le menu », ajoutez un élément de type « Mega menu », puis remplissez son conteneur. Dans le nouveau menu de Wix Studio, cette fonction s’appelle « dropdown ». Sur l’éditeur Wix classique, il faut d’abord passer le menu horizontal en menu avancé.

Mega menu, dropdown ou sous-menu : quelles différences ?

Pour la vue d’ensemble des menus (horizontal, vertical, hamburger, ancres), lisez la fiche menus Wix Studio.

Comment ajouter un mega menu sur Wix Studio

1. Sélectionnez un menu horizontal dans l’éditeur.

2. Cliquez sur « Gérer le menu » (Manage Menu).

3. Cliquez sur « + Ajouter un élément » en bas de la liste.

4. Choisissez « Mega menu » et donnez-lui un titre : c’est le texte que les visiteurs survolent (par exemple « Services »).

5. Cliquez sur « Modifier » à côté de « Conteneur » pour ajouter vos éléments.

Avec le nouveau menu : les dropdowns

Si votre site utilise le nouveau composant menu, les mega menus s’appellent des dropdowns. Ils fonctionnent dans la barre de navigation et dans le menu hamburger. Leur largeur se règle en quatre modes : étiré sur toute la largeur de l’écran (Stretch), aligné sur le menu (Fit to menu), ajusté au contenu (Hug content) ou personnalisé (Custom, pour un dropdown précis d’un menu horizontal).

Et sur l’éditeur Wix classique ?

Sur Wix Editor, le mega menu existe aussi, mais uniquement sur un menu horizontal réglé en menu avancé (option Set as Advanced dans les paramètres du menu). Ensuite, la méthode est la même : « Gérer le menu », ajout d’un élément de type Mega Menu, puis modification du conteneur.

Que mettre dans un mega menu ?

• Vos principaux services, chacun avec une phrase de description.

• Une image ou une offre mise en avant : nouveauté, réalisation, promotion.

• Un bouton d’appel à l’action : prendre rendez-vous, demander un devis.

• Sur une boutique, vos grandes catégories de produits.

Exemple d’organisation pour un artisan : l’élément « Services » ouvre un panneau avec deux colonnes (Rénovation, Dépannage), une photo de chantier et un bouton « Demander un devis ».

Attention : selon l’aide Wix, les éléments qui renvoient vers des pages du site ne sont pas accessibles dans un conteneur de mega menu. Pour les liens de navigation, utilisez plutôt des éléments de menu déroulant classiques.

Personnaliser le design du mega menu

• Dans l’Inspecteur Wix Studio, choisissez « Conteneur du sous-menu » pour modifier le fond, les bordures, les coins et les ombres.

• Dans la mise en page, étirez le conteneur sur toute la largeur de l’écran ou fixez une largeur précise.

• Réglez les marges et l’espace entre le menu et le conteneur.

• Avec les dropdowns du nouveau menu, soignez aussi les états normal, survol et page actuelle.

Les limites du mega menu Wix Studio

Sur mobile, le plus simple reste un menu hamburger avec vos pages principales. Pour bien vous repérer dans l’éditeur, lisez aussi la fiche éditeur Wix Studio.

Mon avis de webdesigner sur le mega menu Wix Studio

Un mega menu est utile quand vous avez beaucoup de services ou de catégories. Pour un site vitrine de 5 pages, un menu simple suffit et reste plus clair. Gardez le contenu court : un mega menu surchargé fait fuir plus qu’il n’aide.

Un mega menu se teste aussi. Survolez chaque élément sur plusieurs tailles d’écran, vérifiez qu’il ne masque pas le header ni le contenu utile, et qu’il se referme bien. Si vous voulez une structure de site claire dès le départ, découvrez mon accompagnement d’agence Wix et Wix Studio.

Questions fréquentes sur le mega menu Wix

Peut-on faire un mega menu sur Wix Studio ?

Oui, depuis la gestion d’un menu horizontal, en ajoutant un élément de type « Mega menu ». Avec le nouveau menu, ajoutez un dropdown.

Peut-on faire un mega menu sur l’éditeur Wix classique ?

Oui, à condition de régler votre menu horizontal en menu avancé. L’option Mega Menu apparaît alors dans « Gérer le menu ».

Le mega menu fonctionne-t-il sur mobile ?

L’ancien mega menu n’est pas disponible dans le menu hamburger. Avec le nouveau menu, les dropdowns fonctionnent aussi dans le hamburger, mais gardez-les courts sur petit écran.

Quelle différence entre mega menu et dropdown ?

Aucune sur le principe : c’est le même panneau riche. Wix l’appelle dropdown dans le nouveau composant menu de Wix Studio.

À propos de l’auteur Alexandre Cottret, webdesigner freelance et fondateur de Trend Design, certifié Wix Partner Legend et Wix Studio. Plus de 150 sites créés depuis 2021, 5/5 sur Malt (93 avis).

Sources : Aide Wix, Studio Editor : Adding and Customizing a Mega Menu et Aide Wix, Studio Editor : Designing Dropdowns in a Menu