Menu Wix Studio : les types de menus et comment choisir 🧭

Le menu est la carte de votre site : c’est lui qui permet au visiteur de trouver une page en quelques secondes. Sur Wix Studio, il existe plusieurs types de menus, chacun avec un rôle précis.

En bref : ajoutez un menu depuis « Ajouter des éléments », rubrique des menus (Menu & Search). Prenez un menu horizontal sur ordinateur, un menu hamburger sur mobile, un menu d’ancres pour une page longue, et des dropdowns (les anciens mega menus) quand vous avez beaucoup de pages.

Les types de menus sur Wix Studio

Chaque type a sa fiche détaillée dans le glossaire : le menu hamburger pour le mobile, les ancres Wix Studio pour naviguer dans une page, et le mega menu Wix Studio pour les menus déroulants riches.

Comment ajouter un menu sur Wix Studio

1. Cliquez sur « Ajouter des éléments » (le + à gauche de l’éditeur).

2. Ouvrez la rubrique des menus (Menu & Search).

3. Choisissez le type de menu et glissez-le dans votre header.

4. Cliquez sur « Gérer le menu » pour ajouter, renommer, réordonner ou supprimer des éléments.

Un élément de menu peut pointer vers une page du site, une page d’application, une page dynamique du CMS, une URL externe, un document ou une ancre. Pour créer un sous-menu, glissez simplement un élément sous un autre dans la liste.

Un seul menu qui s’adapte à chaque écran

Le nouveau composant menu de Wix Studio peut changer de mise en page selon le point de rupture (la taille d’écran) : barre de navigation horizontale sur ordinateur, verticale sur tablette, hamburger sur mobile. Vous n’avez donc plus besoin d’empiler plusieurs menus et de les masquer un par un.

Seule exception, selon l’aide Wix : si vous voulez des éléments différents selon l’écran (par exemple moins de liens sur mobile), il faut encore ajouter plusieurs menus et les afficher ou les masquer par point de rupture.

Où placer le menu sur votre site ?

• Dans le header Wix Studio : c’est l’emplacement attendu par vos visiteurs.

• Dans le footer, pour les pages secondaires : mentions légales, FAQ, contact.

• Dans une barre latérale, avec un menu vertical, pour un portfolio ou une documentation.

Votre menu affiche des éléments différents d’une page à l’autre ? C’est souvent que le header n’est pas une section globale (une section partagée par toutes les pages). Transformez-le en section globale et appliquez-le à tout le site.

Mon avis de webdesigner

Un bon menu est court. Quand il dépasse une demi-douzaine d’éléments, le visiteur hésite et finit par ne rien cliquer. Regroupez vos pages par besoin (Services, Réalisations, Tarifs, Contact) et gardez l’action principale, souvent la prise de contact, bien visible.

Pensez aussi au mobile en premier : une grande partie de vos visiteurs verront le menu hamburger avant le menu horizontal. C’est une question d’expérience utilisateur, que j’explique dans l’article UX design, c’est quoi ?. Et si vous préférez confier toute la structure de votre site, voyez mon offre de création de site vitrine.

Questions fréquentes sur les menus Wix Studio

Peut-on avoir un menu différent sur mobile ?

Oui. Le même menu peut passer en hamburger sur mobile depuis sa mise en page. Pour afficher d’autres éléments, ajoutez un second menu et masquez-le sur les autres points de rupture.

Comment faire un sous-menu sur Wix Studio ?

Dans « Gérer le menu », glissez un élément sous un autre : il devient un sous-élément qui s’affiche dans une liste déroulante.

Quelle différence entre mega menu et dropdown ?

C’est la même idée. Dans le nouveau menu de Wix Studio, les mega menus s’appellent des dropdowns : un panneau qui s’ouvre sous un élément du menu et peut contenir plusieurs éléments.

À 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 Managing New Menus et Aide Wix, Studio Editor : Troubleshooting Menus