Wat is het Footer-bouwblok?
De footer is de afsluitende sectie onderaan elke pagina. Het is de plek waar bezoekers landen als ze verder willen maar niet weten waarheen. Goede footers vangen die zoekende bezoeker op met een overzicht: contactgegevens, belangrijke links, juridische info, sociale media en vaak een laatste soft-CTA.
De footer is geen vuilnisbak voor alles wat nergens anders paste. Hij is een gestructureerde afsluiting die rust en richting geeft.
Wat je leert in deze les
Je leert welke vijf secties in elke footer thuishoren, in welke volgorde, en welke elementen juist wél of niet in een footer passen. Je krijgt voorbeelden, veelgemaakte fouten en een checklist.
De opbouw van een Footer-sectie
Een goede footer is opgebouwd uit vijf onderdelen, van links naar rechts of van boven naar onder:
- Contactgegevens. Bedrijfsnaam, adres, telefoonnummer, e-mail. Op mobiel essentieel, omdat bezoekers soms alleen jouw site bezoeken om deze te vinden.
- Link-kolommen. Twee tot vier kolommen met secundaire navigatie: Diensten, Bedrijf, Resources, Support. Niet alle pagina's; de belangrijkste en degene die niet in het topmenu pasten.
- Sociale media. LinkedIn, Instagram, eventueel X/Twitter. Alleen de kanalen die je actief onderhoudt. Een verlaten Facebook-pagina schaadt meer dan hij helpt.
- Nieuwsbrief-CTA. Een optionele maar krachtige soft-CTA ("Blijf op de hoogte"). Werkt goed in de footer omdat bezoekers die naar beneden scrollen zonder te klikken, vaak geïnteresseerd zijn, maar nog niet klaar voor de hoofd-CTA.
- Juridische regel. Onderaan: Copyright, privacybeleid, algemene voorwaarden, KVK-nummer, BTW. In één regel.
Kies bewust welke elementen je nodig hebt. Een kleine solo-ondernemer heeft geen drie link-kolommen nodig; een B2B-SaaS wel.
10 voorbeelden uit echte sites
- mollie.com — professioneel, sales, Framer (S9/C8/D8/Dev9/Con9). Vier link-kolommen (Product, Bedrijf, Resources, Support), contactinfo, sociale media. Standaard B2B-SaaS in geoptimaliseerde vorm.
- dopper.com — eigenzinnig, sales, custom (S9/C8/D8/Dev8/Con7). Warm gekleurde footer met contactinfo, link-kolommen en nieuwsbrief. De footer draagt het merk consequent tot de laatste pixel.
- swapfiets.nl — jong, sales, Framer (S9/C9/D8/Dev8/Con8). Footer gestructureerd per land, met contactinfo, support-links en juridisch. Laat zien hoe internationalisatie de footer beïnvloedt.
- dapper.agency — eigenzinnig, branding, Webflow (S9/C8/D9/Dev9/Con8). Korte, zelfverzekerde footer. Adresregel, twee link-kolommen, LinkedIn. Agency-minimalisme.
- welvaere.com — minimalistisch, sales, Webflow (S8/C8/D8/Dev7/Con7). Footer met premium uitstraling: veel witruimte, subtiele typografie, geen aandacht-schreeuwende elementen.
- mijnliv.nl — professioneel, service, Webflow (S9/C8/D8/Dev9/Con8). Footer met contactinfo voor zowel patiënten als zorgverleners. Twee doelgroepen, twee sets contact-info — slim opgelost.
- sambrosa.nl — minimalistisch, sales, Shopify (S8/C9/D8/Dev8/Con7). E-commerce footer-standaard: shop-links, verzend-info, klantenservice. Wat er moet staan staat er, niet meer, niet minder.
- photoclass.nl — professioneel, sales, Framer (S9/C9/D7/Dev7/Con9). Compacte footer voor one-page verkoop: contact, juridisch, sociale media. Toont dat een minimalistische footer werkt op een gefocuste pagina.
- nextenergy.nl — professioneel, leadgeneratie, Webflow (S9/C8/D8/Dev7/Con8). Footer met customer-support-sectie en duidelijke bereikbaarheidstijden. Vertrouwen-bouwend.
- adg.nl — professioneel, leadgeneratie, Webflow (S9/C9/D8/Dev8/Con7). Holding-footer met alle groepsmaatschappijen gelinkt, plus hoofdcontact. Laat zien hoe complexe organisaties hun footer inzetten als navigatie-knooppunt.
De rol binnen de 5 emoties: Vertrouwen
Het Footer-bouwblok valt onder de bouwsteen Vertrouwen. Een complete, rustige footer zegt "dit is een serieuze organisatie die alle informatie op orde heeft". Een rommelige of ontbrekende footer voelt riskant — bezoekers vragen zich af waarom er geen adres staat.
Veelgemaakte fouten
- Alle pagina's van de site in de footer dumpen. Tien kolommen met dertig links maakt van je footer een doolhof.
- Geen contactinfo. Bezoekers die in de footer kijken, zoeken vaak letterlijk adres, telefoon of mail.
- Sociale media die dood zijn. Een link naar je Facebook-pagina die sinds 2021 stil ligt, werkt negatief.
- Juridische links verstopt. Privacy- en voorwaarden-links horen zichtbaar in de footer, niet in een uitklap-menu.
- Mobiele footer die onleesbaar wordt. Vier kolommen op mobiel worden onder elkaar geklapt — maar veel sites doen dat niet goed. Test het.
- Footer zonder duidelijke kaderlijn. Als er geen visueel onderscheid is met de bovenliggende content, raakt de bezoeker in de war.
Checklist
- Contactgegevens (bedrijfsnaam, adres, telefoon, e-mail) zijn zichtbaar aanwezig.
- Link-kolommen zijn gestructureerd per thema, niet als losse lijst.
- Sociale media linken alleen naar actieve kanalen.
- Juridische links (privacy, voorwaarden) zijn zichtbaar.
- KVK-nummer en BTW staan in de juridische regel.
- Mobiele versie is getest: geen afgesneden tekst, geen lege kolommen.
Waar dit bouwblok hoort op je pagina
Op elke pagina, onderaan. Ook op bedank- en contactpagina's. De enige uitzondering is een zeer gefocuste campagne-landingspagina waarbij je alle afleiding weghaalt — dan vervang je de volledige footer door een enkele regel met copyright en een privacy-link.
Verder lezen
- Navigatie-bouwblok. De primaire navigatie waar de footer op aansluit.
- Logo-bouwblok. De merk-elementen die op consistentie tussen header en footer rusten.
- Conversie 97 — Juridische en compliance-elementen. De strategische laag achter juridische links.