Hoe stel je een footer navigatie in binnen Datamotive?

Met het footer navigatie fragment richt je de footer van je website in. Je stelt hier het logo, de primaire navigatie met kolommen en linkgroepen, de socials, eventuele extra opties, de secundaire navigatie met keurmerken en links, en een vlak dat altijd boven de footer getoond wordt in. Het fragment wordt vervolgens gekoppeld aan de webspace via Standaard Fragmenten.

Voorwaarde: het vlak dat boven de footer getoond wordt, is opgebouwd uit een kolommenblok. Raadpleeg hiervoor de handleiding [Hoe stel je een kolommenblok in binnen Datamotive?]

Een nieuw footer navigatie fragment aanmaken

Stap 1 – Navigeer naar Fragmenten
Klik in het linkermenu van het CMS op Fragmenten. Een overzicht van alle bestaande fragmenten wordt getoond.

Stap 2 – Voeg een nieuw fragment toe
Klik linksboven op Toevoegen om een nieuw fragment aan te maken.

Stap 3 – Kies het fragmenttype Footer navigatie
Klik op het typemenu naast Opslaan en selecteer Footer navigatie uit de lijst met beschikbare fragmenttypes.

Stap 4 – Vul de titel in
Vul bij Titel (intern) een duidelijke naam in voor het fragment, bijvoorbeeld "Footer navigatie Datamotive". Deze naam is alleen zichtbaar in het CMS.

Logo instellen

Stap 5 – Selecteer een logo (optioneel)
Klik bij Logo op Selecteer media en kies de gewenste afbeelding.

Let op: dit veld is optioneel. Wordt er geen logo geselecteerd, dan wordt standaard het logo uit het thema van de webspace getoond.

Stap 6 – Koppel een logo link (optioneel)
Vul het veld Logo link in door een paginatype te kiezen en de bijbehorende pagina te selecteren.

Let op: dit veld is optioneel. Wordt er geen logo link ingesteld, dan verwijst het logo standaard naar de homepage van de webspace.

Primaire navigatie instellen

Stap 7 – Voeg een kolom toe
Voeg onder Primaire navigatie een Kolom toe.

Let op: je kunt maximaal 4 kolommen koppelen aan de primaire navigatie.

Stap 8 – Voeg een link groep toe
Klik binnen de kolom op + Link groep toevoegen. Vul bij Titel de naam van de linkgroep in, bijvoorbeeld "Platform" of "Resources".

Stap 9 – Voeg links toe aan de linkgroep
Klik binnen de linkgroep op + Link toevoegen en vul per link de volgende velden in:

• Titel — de tekst van de link
• Link — kies een paginatype en de bijbehorende pagina of URL
• Open in — Huidige tabblad (standaard) of Nieuw tabblad

Let op: gebruik Selecteer meerdere blokken en Alle blokken inklappen bovenaan de linkgroepen om sneller te navigeren tussen meerdere linkgroepen en links.

Socials instellen

Stap 10 – Voeg een social toe
Klik onder Socials op + Social toevoegen en vul de volgende velden in:

• Icon — kies uit Facebook, Instagram, YouTube, Twitter, LinkedIn of TikTok
• Titel — de tekst van de social link
• Link — kies een paginatype en de bijbehorende URL
• Open in — Huidige tabblad (standaard) of Nieuw tabblad

Extra opties instellen

Stap 11 – Voeg een extra optie toe
Klik onder Extra opties op + Extra optie toevoegen en kies het gewenste type:

• HTML — vul Korte beschrijving en het veld HTML in; schakel HTML is veilige Javascript in als de HTML-code veilige JavaScript bevat
• Tekst — voeg een tekstuele toelichting toe
• Knoppen — voeg een of meerdere knoppen toe

Secundaire navigatie instellen

Stap 12 – Voeg keurmerken toe
Klik onder Secundaire navigatie bij Keurmerken op + Keurmerk toevoegen en vul de volgende velden in:

• Titel — naam van het keurmerk
• Link — kies een paginatype en de bijbehorende URL
• Open in — Huidige tabblad (standaard) of Nieuw tabblad
• Afbeelding — het logo van het keurmerk

Stap 13 – Voeg links toe
Klik bij Links op + Link toevoegen en vul de volgende velden in:

• Titel — de tekst van de link, bijvoorbeeld "Privacyverklaring" of "Algemene voorwaarden"
• Link — kies een paginatype en de bijbehorende pagina
• Open in — Huidige tabblad (standaard) of Nieuw tabblad

Navigatie inhoud instellen

Stap 14 – Voeg een vlak toe boven de footer
Klik onder Navigatie inhoud op + Vlak toevoegen om een kolommenblok toe te voegen. Dit vlak wordt altijd boven de footer getoond op je website. Raadpleeg voor het inrichten van dit vlak de handleiding [Hoe stel je een kolommenblok in binnen Datamotive?]

Opslaan

Stap 15 – Sla het fragment op
Klik linksboven op Opslaan. Het fragment is nu beschikbaar om te koppelen aan je webspace.

Het fragment koppelen aan de webspace

Stap 16 – Navigeer naar Webspaces
Klik in het linkermenu op Webspaces en open de webspace waaraan je het fragment wilt koppelen.

Stap 17 – Open Standaard Fragmenten
Klik bovenaan op het tabblad Standaard Fragmenten. Je ziet hier een overzicht met de kolommen Area en Fragment, met daarin onder andere de regel Footer navigatie.

Stap 18 – Koppel het fragment
Klik bij de regel Footer navigatie op het +-icoon en selecteer het zojuist aangemaakte footer navigatie fragment.

Let op: zonder deze koppeling wordt de ingerichte footer navigatie niet getoond op de webspace.

Overzicht instellingen