Websites & Trechters: Navigatiemenu's in de trechterbouwer

Met navigatiemenu's in de trechterbouwer van Voluit Suite maak je overzichtelijke, responsieve menu's voor websites en trechters. Je kunt links, uitklapmenu's en ingesprongen menu-items toevoegen en de indeling aanpassen. Recente verbeteringen zijn onder andere de optie Terugloop voor menu-items en een consistentere vormgeving van submenu's op desktop en mobiel.

Wat is een navigatiemenu?

Een navigatiemenu helpt bezoekers om door de pagina's en onderdelen van je trechter of website te navigeren. Je kunt er het volgende mee instellen:

• Rechtstreekse links naar pagina's
• Externe URL's
• Uitklapmenu's
• Uitklapmenu's met één niveau aan ingesprongen menu-items
• Scrollen naar een ankerpunt op de pagina
• Een indeling die zich aanpast aan mobiele schermen

Navigatiemenu's staan meestal in de kop- of voettekst van een pagina.

Een navigatiemenu toevoegen

1. Ga naar Sites en open de trechter of website die je wilt bewerken.
2. Open de pagina in de trechterbouwer.
3. Zoek bij Elementen (Elements) naar Navigatiemenu (Navigation Menu).
4. Sleep het element naar de gewenste sectie of rij.
5. Selecteer het navigatiemenu om de instellingen in de zijbalk te openen.

Menu-items instellen

1. Selecteer het navigatiemenu.
2. Klik op Item toevoegen (Add Item) → Nieuw menu-item (New Menu Item).
3. Vul de naam van het menu-item en de bestemming in.
4. Sleep het item onder het gewenste bovenliggende item en schuif het iets naar rechts, zodat het inspringt.
5. Wil je een uitklapmenu maken? Klik dan bij het bovenliggende item op Subitem toevoegen (Add Sub Item) en stel de link van het submenu-item in.
6. Herhaal dit voor eventuele andere submenu-items.

Standaard ondersteunt een uitklapmenu één niveau aan ingesprongen menu-items.

Menu-items laten doorlopen naar een volgende regel

Met de optie Terugloop (Wrap) kunnen menu-items automatisch naar een volgende regel gaan als er niet genoeg ruimte is om ze op één regel weer te geven. Zo voorkom je dat het menu buiten de beschikbare ruimte valt en blijft de indeling op verschillende schermformaten bruikbaar.

Dit is vooral handig voor menu's met veel items, lange menu-itemnamen en schermen van tabletformaat.

Verbeteringen aan de vormgeving van submenu's

De weergave en bediening van submenu's zijn verbeterd. Uitklapmenu's worden stabieler weergegeven, hovergedrag is duidelijker en de afstand en uitlijning zijn consistenter op verschillende apparaten.

Gedrag op mobiel

Navigatiemenu's passen zich automatisch aan mobiele schermen aan. Afhankelijk van je instellingen kan het menu inklappen tot een hamburgermenu.

De recente verbeteringen zorgen ook voor betere bediening met aanraking, duidelijkere interactie met uitklapmenu's en consistentere overgangen.

Stijlopties

Je kunt onder andere het lettertype, de lettergrootte, de uitlijning, de ruimte tussen menu-items, de achtergrondkleur, hover-effecten en de vormgeving van uitklapmenu's aanpassen.

Gebruik hiervoor het tabblad Stijl (Style) in de instellingen van het element.

Naar een element scrollen met een navigatiemenu

Je kunt een menu-item instellen om naar een specifiek gedeelte van de pagina te scrollen. Bij Scrollen naar element (Scroll to Element) verloopt het scrollen geleidelijk in plaats van met een abrupte sprong. Dat maakt de overgang natuurlijker.

Aanbevolen werkwijzen

• Houd menu-itemnamen kort.
• Gebruik uitklapmenu's om uitgebreide navigatie overzichtelijk te houden.
• Schakel Terugloop in als je menu meerdere items bevat.
• Controleer de mobiele weergave voordat je publiceert.
• Beperk het aantal niveaus in submenu's.

Veelgestelde vragen

V: Wat doet de optie Terugloop?

Antwoord: Menu-items gaan naar een volgende regel als ze niet binnen de beschikbare breedte passen. Zo voorkom je dat het menu overloopt.

V: Moet je iets instellen om de verbeteringen aan submenu's te gebruiken?

Antwoord: Nee. De verbeteringen in vormgeving en gedrag worden automatisch toegepast.

V: Is geleidelijk scrollen standaard ingeschakeld?

Antwoord: Ja. Acties om naar een element te scrollen verlopen automatisch geleidelijk.

V: Hebben deze wijzigingen invloed op gepubliceerde trechters en websites?

Antwoord: Bestaande menu's profiteren automatisch van de verbeteringen aan de vormgeving en het scrollen. Terugloop moet je zelf inschakelen als je die optie wilt gebruiken.

V: Veranderen je handmatig ingestelde stijlen hierdoor?

Antwoord: Nee. Je bestaande stijlinstellingen blijven behouden.