--- title: "Primaire navigatie" slug: "header-primary-navigation" description: "Add custom menu-like navigations on your Knowledge base site. Document360's header's primary navigation is the bar next to the logo at the top." tags: ["Navigation", "Customization"] updated: 2026-06-22T09:03:17Z published: 2026-06-22T09:03:17Z canonical: "docs.document360.com/header-primary-navigation" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Primaire navigatie De primaire navigatie is de bovenste balk van je kennisbanksite, naast het logo. Het is een van de eerste dingen die lezers op elke pagina zien - een goed geconfigureerde primaire navigatie helpt lezers snel bij het juiste gedeelte te komen zonder te hoeven zoeken of scrollen, en geeft je kennisbasis vanaf het moment dat iemand erop landt een gepolijst, professioneel gevoel. --- ## Wanneer de primaire navigatie te gebruiken - **Surface key bestemmingen** - voeg links toe naar je startpagina, documentatie of een startgids zodat lezers vanaf elke pagina op je site kunnen navigeren. - **Voeg een oproep tot actie toe** - gebruik een gestileerde knop om lezers naar een specifieke actie te leiden, zoals aanmelden, contact opnemen met support of een gratis proefperiode starten. - **Link naar je API-documenten of woordenlijst** - als je kennisbank API-documentatie of een woordenlijst bevat, voeg die dan toe aan de primaire navigatie zodat ze altijd één klik verwijderd zijn. - **Embed een ticketafleider** - laat een ondersteuningsformulier direct uit de header verschijnen zodat lezers hulp kunnen krijgen zonder de kennisbank te verlaten. OPMERKING De header, primaire navigatie, secundaire navigatie en footer die op de startpagina worden weergegeven, zijn apart geconfigureerd onder () > **Knowledge base site** > **Site aanpassen** > **siteheader & footer**. --- ## Hoe de primaire navigatie te configureren 1. Navigeer naar () > **Knowledge base site** in de linker navigatiebalk van het Knowledge Base-portaal. 2. Navigeer in het linker navigatiepaneel naar **Site-aanpassing**. 3. Klik op de knop **Site aanpassen** . 4. Selecteer in het linker dropdownmenu de **site-header en footer**. 5. Vouw de **optie Header** uit en kies **Primaire navigatie**. ![Animated walkthrough of accessing and configuring the primary navigation in the Customize site builder](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/GIF-Configuring_primary_navigation.gif) 1. Klik op **Nieuw item toevoegen** om een navigatiemenu links of rechts van de siteheader toe te voegen. Het **paneel 'Nieuw item toevoegen** ' verschijnt. 2. Kies in het **select-type dropdown** het type navigatie-item dat je wilt toevoegen. ![Dropdown showing available navigation types including Home, Documentation, Custom URL, Call to action, and others](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1767830109363.png) De beschikbare navigatietypen zijn: | Type | Wat het toevoegt | | --- | --- | | **Home** | Een link naar de homepage van je kennisbank | | **Documentatie** | Een link naar je documentatiepagina | | **Aangepaste URL** | Een link naar een interne of externe URL | | **Oproep tot actie** | Een gestileerde knop met een aangepast label, link en kleur | | **RSS-feed** | Een link naar je kennisbank RSS-feed | | **Ticketafbuiger** | Een ingebedde ondersteuningsvorm | | **Verklarende woordenlijst** | Een link naar de overzichtspagina van je kennisbank-glossarium | | **API-documentatie** | Een link naar je API-documentatiewerkruimte | | **Aangepaste pagina** | Een link naar een aangepaste pagina die je hebt aangemaakt | OPMERKING Je kunt tot 6 items toevoegen aan de primaire navigatie. Zodra de limiet is bereikt, verschijnt er een waarschuwing: "Je hebt het maximale aantal van 6 bereikt. Om een nieuwe link toe te voegen, verwijder je één bestaande link." 1. Klik op de **standaard achtergrondkleur** om de kleurkiezer te openen en de achtergrondkleur van de navigatiebalk te wijzigen. 2. Gebruik de opties **Bewerken** (), **Verwijderen** () en **Herschikken** () om bestaande items vanuit het linkerpaneel te beheren. ![Left panel showing edit, delete, and reorder options for primary navigation items](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1730220371154.png) ## Hoe opslaan en publiceren - Gebruik de **schakelaar Voorbeeldweergave** rechts om je wijzigingen te bekijken. - Klik op **Opslaan** om je wijzigingen op te slaan. - Klik **op Publiceren** om wijzigingen live door te voeren. --- ## Kennis basissite weergave Zo ziet de primaire navigatie eruit op de kennisbanksite. ![Knowledge base site showing the primary navigation bar with menu items and a call to action button](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/7-Screenshot-Primary_navigation_KB_view.png) --- ## Best practices - **Houd het bij 4–5 items** - een drukke primaire navigatie zorgt voor visuele ruis en maakt het voor lezers moeilijker om te vinden wat ze zoeken. Geef prioriteit aan de belangrijkste bestemmingen. - **Gebruik Call to Action voor één toetsactie** - knoppen vallen visueel op. Het gebruik van meer dan één CTA-knop in de header vermindert de effectiviteit. Kies één primaire actie. - **Zet de meest gebruikte links** links - lezers scannen meestal van links naar rechts, dus plaats Documentatie en Home links en secundaire items zoals RSS of Glossary verder rechts. - **Test navigatieveranderingen in zowel licht- als donkermodus** - de achtergrondkleurkeuzes voor de navigatiebalk kunnen er verschillend uitzien tussen thema's. --- ## FAQ **Hoe kan ik de header in Document360 aanpassen?** Om de header aan te passen buiten de ingebouwde opties, kun je aangepaste JavaScript-code toevoegen in {{variable. Settings}} () > {{variable. Kennisbanksite}} > **Site aanpassen** > **aangepaste CSS en JavaScript**. Dit stelt je in staat de header aan te passen om extra elementen toe te voegen, zoals links of iconen. **Kan ik sociale media-iconen toevoegen aan de header?** Ja. Je kunt sociale media-iconen toevoegen door links en iconen aan het headernavigatiegebied toe te voegen met aangepaste JavaScript. Je kunt bijvoorbeeld iconen toevoegen voor LinkedIn, Twitter, Facebook en Instagram. **Hoe voeg ik een Call to Action-knop toe aan de header?** Navigeer naar {{variable. Settings}} () > {{variable. Kennisbanksite}} > **Site aanpassen** en klik op **Site aanpassen**. Selecteer **Site-header en footer**, verbreed **Header** en selecteer **Primaire navigatie**. Klik op **Nieuw item toevoegen** en kies vervolgens in het **keuzemenu Selecteer type** **Oproep tot actie**. Voer een titel en link in, kies tekst- en achtergrondkleuren en klik **op Toevoegen**. ![Call to action button configuration panel in the primary navigation settings](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1767830165525.png) **Hoe kan ik dynamisch een feedbacklink in de header aanmaken?** Je kunt JavaScript gebruiken om dynamisch een feedbacklink te maken. Zo kan een `mailto` link aan de header worden toegevoegd met de huidige paginatitel als e-mailonderwerp, waardoor lezers direct feedback kunnen sturen over een specifieke pagina.