Pagina Menu’s

Aan de slag met het Pagina menu

Een tijdje geleden hebben wij ons paginamenu geïntroduceerd. Dit menu is heel handig om als submenu te gebruiken en snel naar specifieke content op je pagina te springen of een andere link te openen. Het wordt nóg handiger als dit menu altijd in beeld blijft, zodat je nog sneller kunt navigeren. Daarom introduceren wij nu het sticky menu.

Wat is het pagina menu?

Het pagina menu is een balk met menu-items die je op elke willekeurige pagina zelf kunt plaatsen. Het is een balk die je zelf van kleuren en positie kunt voorzien en optioneel sticky kan plaatsen. De links van dit menu kun je zelf creëeren. Je kunt zelfs meerdere menu’s maken en zelf kiezen welk van de gemaakte je wil tonen.

De voordelen van het pagina menu

Het pagina menu is een handig hulpmiddel om extra SEO waarde te creëeren op jouw pagina, maar navigeren voor je bezoekers toch eenvoudig kan houden. Maak bijvoorbeeld subpagina’s met de juiste copy voor kleuren, afmetingen en prijzen van je modellen. Plaats de links naar die pagina, inclusief die van je modelpagina, binnen een pagina menu en je bezoekers kunnen eenvoudig alle informatie bekijken. Daarnaast maak je zo extra landingspagina’s voor mensen die specifiek op bepaalde modelinformatie zoeken binnen zoekmachines.

Jouw website is voorzien van een hoofdmenu. Daarin staan de belangrijkste menu-items van jouw bedrijf of van de merkenomgeving. Daarnaast is het ook mogelijk om naast dat menu een submenu op specifieke pagina’s te plaatsen. Dit kan handig zijn als je pagina’s met veel informatie hebt waarin het handig is om via dit menu snel naar een bepaald onderdeel te scrollen.

Bij het toevoegen van een paginamenu heb je twee opties. De eerste optie is een variant die volledig is ingericht voor één specifieke pagina, met specifieke links en ankers naar informatie op die pagina. Deze variant is dus alleen toepasbaar op die ene pagina. De tweede optie is het creëren van een variant voor meerdere pagina’s met dezelfde opbouw. Zorg er dan voor dat de opbouw van je pagina’s altijd overeenkomt met de menu-items in je paginamenu. Geef informatie dezelfde naam als het html-anker en zorg ervoor dat links generiek zijn en niet specifiek.

Een voorbeeld van de tweede variant is een paginamenu voor modellen. Op jouw modelpagina maak je html-ankers aan voor bijvoorbeeld ‘Prijzen’, ‘Voorraad’, ‘Foto’s’ en ‘Interesse’. Dit doe je door het element Groep of de titel van dit onderdeel via het menu rechts een html-anker te geven (onder Geavanceerd). In het paginamenu creëer je dan links die als anker werken (selecteer Anchor). Gebruik dezelfde namen, maar dan met een # ervoor, dus #prijzen, #voorraad enzovoort.

1. Titel: geef jouw pagina menu een titel. Dit is de naam die je ziet op het moment dat je het pagina menu als blok wil inzetten op een pagina.
2. Posttype: klik op de knop ‘nieuwe regel’ om een nieuw item toe te voegen aan je menu. De eerste optie waaruit je kunt kiezen is ‘Posttype’. Dit zorgt ervoor dat je rechtstreeks kunt linken naar een gepubliceerde pagina op je website. Je hoeft hier niet handmatig een link in te plakken, maar enkel te zoeken naar de naam van de pagina. Klik vervolgens op de juiste pagina van de suggesties die in het venster verschijnen.
3. Link: wil je linken naar een specifieke pagina of een pagina buiten jouw website? Kies dan voor link. Het label is de naam van de link die in het menu zal komen te staan en bij link plaats je de url.
4. Anchor: heb je op je pagina onderdelen voorzien van een html anker? Kies dan deze optie, geef ook hier een naam aan je menu-item bij label en typ de naam van je html anker met daarvoor de #. Gebruik hier geen spaties. Let eventueel op de streepjes die tussen de woorden staan als je html anker uit meer dan één woord bestaat.

Om het pagina menu op jouw pagina te tonen kies je de gewenste pagina en plek voor dit blok. Vervolgens voeg je het blok Pagina menu toe. Klik op je gewenste menu in de dropdown.

1. Selecteer menu: indien je meer menu’s hebt toegevoegd kies je het menu dat je op deze pagina wil laten zien in de dropdown.
2. Styling: je kunt kiezen voor een achtergrondkleur van dit menu en de kleur van de teksten. Zowel standaard als bij de hover.
3. Sticky menu: het pagina menu laten mee scrollen in je venster, zodat je bezoeker op elk moment op een andere link kan klikken? Activeer dan de optie Sticky positie.