header-logo
Hoe Wix gebruiken om je website en bedrijf te bouwen.
Ontwerp en beheer je website met slimmme functionaliteiten.
Beheer abonnementen, pakketten en facturen.
Run je bedrijf en kom in contact met leden.
Lees hoe je een domein koopt, koppelt of overzet.
De juiste tools om je bedrijf op het web te laten groeien.
Boost je zichtbaarheid met SEO en marketingtools.
Geavanceerde functies om efficiënter te kunnen werken.
Antwoorden op vragen, gekende problemen en meer.
placeholder-preview-image
Verbeter je vaardigheden met onze cursussen en video's.
Krijg tips voor webdesign, marketing en meer.
Lees hoe het organische websiteverkeer van zoekmachines te vergroten.
Bouw een eigen website met ons full-stack platform.
Vind een professional voor hulp om je websitedoelen te behalen.
placeholder-preview-image

Wix Editor: Een megamenu toevoegen en instellen

8 min
In dit artikel
  • Stap 1 | Voeg een geavanceerd horizontaal menu toe en stel deze in
  • Stap 2 | Voeg een megamenu toe aan je geavanceerde menu
  • Stap 3 | Maak een gestructureerd menu
  • Stap 3 | Voeg inhoud toe aan de container
  • Stap 4 | Pas de indeling van je megamenucontainer aan
  • Stap 5 | Pas het ontwerp van het megamenu aan
Megamenu's zijn containers die je als items kunt toevoegen aan je geavanceerde horizontale menu. Wanneer bezoekers het menu-item op je live website aanwijzen, wordt de container geopend. 
Voeg elementen toe aan de container om belangrijke en relevante inhoud weer te geven. Je kunt hun uiterlijk ook aanpassen om bezoekers een unieke navigatie-ervaring te bieden. 
Een GIF met een megamenu op een live Wix-website.

Stap 1 | Voeg een geavanceerd horizontaal menu toe en stel deze in

Voeg om te beginnen een horizontaal menu toe aan je pagina en stel deze in als geavanceerd. Geavanceerde menu's helpen je een aangepaste, georganiseerde browse-ervaring voor je bezoekers te creëren, met meerdere item- en navigatie-opties.
Let op:
Het is alleen mogelijk om een megamenu-container toe te voegen aan een horizontaal menu dat je als geavanceerd instelt. Megamenu-containers worden niet ondersteund op gewone websitemenu's, themamenu's of verticale menu's.

Om een horizontaal geavanceerd menu toe te voegen en in te stellen:

  1. Klik links in de editor op Elementen toevoegen.
  2. Selecteer Menu en anker.
  3. Klik op Horizontale menu's.
  4. Klik en sleep het door jou gekozen menu-ontwerp naar waar je maar wilt op de pagina.
  5. Stel het menu in als geavanceerd:
    1. Selecteer het nieuwe menu in de editor.
    2. Klik op het Instellingen-pictogram .
    3. Selecteer Instellen als geavanceerd.
    4. Klik in de pop-up op Instellen als geavanceerd.
Het Menu en anker-tabblad in het Elementen toevoegen-paneel. De cursor wijst een horizontaal menu aan.

Stap 2 | Voeg een megamenu toe aan je geavanceerde menu

Zodra je een geavanceerd horizontaal menu hebt, voeg je je megamenucontainer toe als een item en geef je het de gewenste naam. We raden aan een titel te gebruiken die overeenkomt met je beoogde inhoud, zoals 'Diensten' of 'Ons verhaal'.

Om een megamenu toe te voegen:

  1. Selecteer het geavanceerde menu in je editor.
  2. Klik op Menu beheren.
  3. Klik onderaan het paneel op +Menu item toevoegen.
  4. Selecteer Megamenu.
  5. Voer de titel van de container in het veld in.
  6. Klik op Gereed.
Het Menu beheren-paneel voor een geavanceerd menu in de Editor. De optie om een megamenu toe te voegen wordt aangewezen.

Stap 3 | Maak een gestructureerd menu

Met een gestructureerd menu kun je een volledig menu in je megamenu weergeven, dus wanneer iemand op een megamenu-item klikt, ziet deze een duidelijke lijst met gerelateerde pagina's of links. Het helpt bij het organiseren van je website en maakt navigatie gemakkelijker. Om er een aan te maken, open je het Menu beheren-paneel en sleep je items onder een hoofdmenu-item om ze te nesten. Dit bouwt je gestructureerde menu automatisch op.

Om een gestructureerd menu te maken:

  1. Selecteer het relevante geavanceerde menu in je editor.
  2. Klik op Menu beheren.
  3. Klik op + Menu-item toevoegen en stel het gewenste menu-item in.
  4. Plaats de relevante menu-items onder het megamenu: 
    1. Selecteer het item in het Menu beheren-paneel.
    2. Sleep het item onder het megamenu.
gif van Menu-instellingen voor geavanceerd menu beheren in de Wix Editor

Stap 3 | Voeg inhoud toe aan de container

Nadat je je container hebt toegevoegd en een naam hebt gegeven, voeg je elementen zoals knoppen, vormen en tekst toe om de gewenste inhoud samen te stellen. 

Om elementen toe te voegen:

  1. Wijs de megamenucontainer aan in het Menu beheren-paneel.
  2. Klik op Bewerken.
  3. Klik links in de editor op Elementen toevoegen .
  4. Kies het element dat je wilt toevoegen.
  5. Klik en sleep het element naar de door jou gekozen positie in de container.
Een GIF met een tekstvak dat wordt toegevoegd aan een megamenucontainer vanuit het Elementen toevoegen-paneel.

Stap 4 | Pas de indeling van je megamenucontainer aan

Nadat je de gewenste elementen hebt toegevoegd, wijzig je de indeling van de megamenucontainer zodat deze overeenkomt met je paginastructuur. Je kunt de afstand aanpassen en kiezen hoeveel de container uitrekt. 

Om de indeling te wijzigen:

  1. Klik op de megamenucontainer.
  2. Klik op het Indeling-pictogram .
  3. Klik op Megamenu.
  4. Gebruik de opties om de container aan te passen:
    • Kies een indeling: Selecteer of de container zich uitstrekt tot de volledige breedte van de schermen van je bezoekers, of tot de breedte van je websitepagina (binnen de rasterlijnen).
    • Ruimte tussen items en container: Maak de ruimte tussen het menu en de megamenu-container groter of kleiner door de schuifregelaar te verslepen.
Het indelingpaneel van een container voor een megamenu in de Wix Editor.

Stap 5 | Pas het ontwerp van het megamenu aan

Nadat je de indeling van de container hebt aangepast, ontwerp je de randen, achtergrond en meer. Om een consistent uiterlijk te behouden, zijn wijzigingen die je aanbrengt in het megamenu, ook van toepassing op alle dropdownmenu's die je hebt toegevoegd.

Om het ontwerp van de container aan te passen:

  1. Klik op de modusbalk op Modus afsluiten.
  2. Klik op je geavanceerde menu.
  3. Klik op het Ontwerp-pictogram .
  4. Klik op Ontwerp aanpassen.
  5. 5. Selecteer Dropdown-container in het Wat wil je ontwerpen?-dropdownmenu.  
  6. Gebruik de opties om de container te ontwerpen.
Een screenshot met de Ontwerp-opties voor een megamenu-container die wordt geopend in de Wix Editor.
Let op:
Alleen ontwerpopties die op de dropdownmenu-container zijn gemaakt, worden toegepast op een megamenu. Wijzigingen die je aanbrengt in dropdown-items, worden niet toegepast op elementen die je hebt toegevoegd aan de megamenu-container.
En nu?
Er zijn verschillende opties beschikbaar met een geavanceerd horizontaal menu. Je kunt: