Studio Editor: Nieuwe menu's toevoegen en beheren

Voeg menu's toe om bezoekers te helpen bij het navigeren op de website van je klant en om de informatie te vinden die ze nodig hebben. Je kunt het menutype en de items kiezen, en dropdowns maken om aangepaste inhoud weer te geven.

Belangrijk:

Dit artikel verwijst naar de nieuwe menucomponent in de Studio Editor. Die is nog niet voor alle gebruikers beschikbaar. Klik hier voor stappen voor het toevoegen en beheren van eerdere menu's

In dit artikel lees je meer over:

Voeg een menu toe aan de website om aan de slag te gaan. We raden aan een menu toe te voegen aan de koptekst van de website, maar je kunt er zoveel toevoegen als je nodig hebt voor je klanten en hun bedrijf.

Nadat je het menu hebt toegevoegd, kies je de items die je wilt weergeven.

Om een menu toe te voegen:

Klik links in de Editor op Elementen toevoegen.
Selecteer Menu en zoeken.
Selecteer het gewenste type (Horizontaal, Verticaal of Hamburger).
Klik op het menu en sleep het naar de gewenste positie op de pagina.
Voeg items toe aan het nieuwe menu:
1. Selecteer het menu dat je zojuist hebt toegevoegd.
2. Klik op Menu beheren.
3. Klik onderaan op + Item toevoegen.
4. Selecteer het item dat je wilt toevoegen:
  - Hoofdpagina's: Voeg een gewone websitepagina toe aan het menu.
  - Dynamische en app-pagina's: Voeg pagina's van apps toe (bijvoorbeeld een Wix Stores-productpagina) of pagina's die zijn gekoppeld aan verzamelingen in het CMS.
  - Link: Je kunt vele soorten links aan het menu toevoegen, zoals links naar andere websites, ankers op websitepagina's, de contactgegevens van je klant, enzovoort.
  - Dropdown: Voeg een container toe die onder het menu verschijnt wanneer bezoekers het item aanwijzen. Je kunt het naar behoefte ontwerpen en het gebruiken om menu-items en inhoud weer te geven.

Het Elementen toevoegen-paneel is geopend. De cursor voegt een horizontaal menu toe aan de website.

Menu's op een website beheren

Je kunt een bestaand menu en de items die het weergeeft altijd aanpassen. Voeg meer items toe, verwijder items die niet relevant zijn of wijzig de volgorde om de inhoud fris te houden.

Om een menu te beheren:

Selecteer het relevante menu in je Editor.
Klik op Menu beheren.
Kies wat je vervolgens wilt doen:

Meer menu-items toevoegen

De link van een menu-item wijzigen

De naam van een menu-item wijzigen

Een item verwijderen

Menu-items opnieuw ordenen

Het Menu beheren-paneel is open. De cursor klikt om de naam van een item te wijzigen.

Dropdownmenu's maken

Er zijn twee manieren om dropdowns in een menu te maken, afhankelijk van wat je de titel wilt laten zijn:

Een bestaand menu-item: Kies een bestaand item (pagina of link) in het menu om de dropdown weer te geven wanneer bezoekers het aanwijzen.
Een titel die niet klikbaar is: Voeg een titel in het dropdownmenu toe dat niet naar een pagina leidt. Wanneer bezoekers het aanwijzen, wordt de dropdowncontainer geopend.

Om een dropdown toe te voegen en in te stellen:

Selecteer het relevante menu in de Editor.
Klik op Menu beheren.
Kies wat je wilt doen:
- Gebruik een bestaand menu-item:
  1. Sleep een menu-item om het onder het item te verplaatsen dat je als dropdowntitel wilt verplaatsen.
  2. Wijs hetzelfde item aan en klik op het Meer acties-pictogram.
  3. Selecteer Onder 'Paginanaam' plaatsen.
  4. Herhaal stap a - c voor alle andere items.
- Maak een nieuwe dropdown:
  1. Klik op + Item toevoegen.
  2. Selecteer Dropdown.
  3. Voer de titel in voor de dropdown.
  4. Druk op de Enter-toets op je toetsenbord om je wijzigingen op te slaan.
  5. Sleep menu-items onder de dropdown om ze toe te voegen.
  6. Herhaal stap e voor alle andere items die je wilt toevoegen.

Er is een dropdown gemaakt in het Menu beheren-paneel. Er wordt een menu-item onder gesleept.

Gebruik de Indeling-instellingen om het gewenste menutype te kiezen: een navigatiebalk of een hamburger-menu.

Om de indeling in te stellen:

Klik in je Editor op het menu.
Klik op het Indeling-pictogram.
Selecteer het menutype:
- Navigatiebalk: Menu-items worden weergegeven in een balk.
  - Oriëntatie: Kies of de balk horizontaal of verticaal is.
- Hamburger: Er wordt een pictogram weergegeven. Wanneer websitebezoekers op het pictogram klikken, wordt het menu geopend.

Het Menu-indelingen-paneel. De cursor heeft Navigatiebalk geselecteerd.

Meerdere menu's weergeven op dezelfde website

Je kunt zoveel menu's maken als je nodig hebt en daarin compleet verschillende items weergeven.

Nadat je een nieuw menu-element hebt toegevoegd, kun je kiezen welk menu het moet weergeven: een bestaand menu dat je hebt opgeslagen of een nieuw menu dat je ter plaatse hebt gemaakt. Dit betekent dat je menu's kunt opslaan en opnieuw kunt gebruiken op verschillende menu-elementen op de website.

Kies welk menu op een pagina wordt weergegeven

Een nieuw menu opslaan

Toon je hetzelfde item op meerdere menu's?

Je kunt het item een unieke naam geven op elk menu, zodat het altijd overeenkomt met de specifieke bedoeling. Alle menu's die je maakt, zijn volledig onafhankelijk van elkaar.