Blokken-catalogus

De Content Builder op een pagina is een lijst van blokken. Elk blok is een afgebakend stukje content met eigen velden en eigen rendering aan de bezoekerskant. Door blokken in een bepaalde volgorde te plaatsen bouw je een pagina op zonder zelf met opmaak bezig te zijn.

Deze sectie beschrijft elk blok: wat het doet, welke velden het heeft, en waar je op moet letten.

Een blok toevoegen

Open een entry (zie Inhoud aanmaken en publiceren). Onderaan het Content Builder-veld staat een + knop. Klik die en kies een bloktype uit de lijst. Het nieuwe blok verschijnt onderaan en is direct invulbaar.

Je kan blokken slepen aan de greep links naast het blok-icoon om de volgorde aan te passen. Met het tandwieltje rechts open je acties: dupliceren, deactiveren, verwijderen.

Een blok tijdelijk uitschakelen

Wil je een blok bewaren maar even niet tonen op de site? Zet het op gedeactiveerd via het tandwieltje rechts. Het blok blijft in het CMS staan maar wordt niet meer gerenderd.

Tekst en structuur

De basisbouwstenen voor tekst-pagina's.

• Hoofding

  ---

  Grote sectietitel (<h2>) met aanklikbare anker-link.

• Subhoofding

  ---

  Tweede-niveau sectietitel (<h3>) onder een Hoofding.

• Tekst

  ---

  Vrij tekstblok met opmaak (vet, lijsten, links).

• Tekst 2-/3-kolommen

  ---

  Tekst in twee of drie evenwichtige kolommen.

• Horizontale lijn

  ---

  Dunne scheidingslijn tussen blokken.

• Code

  ---

  Rauwe HTML/JS — voor geavanceerde gebruikers.

Beeld en media

• Foto

  ---

  Eén afbeelding gecentreerd, optioneel klikbaar.

• Foto + tekst

  ---

  Afbeelding naast een tekstblok (links of rechts).

• Foto-carrousel

  ---

  Diavoorstelling van meerdere afbeeldingen.

• Documenten-bibliotheek

  ---

  Lijst van downloadbare documenten met beschrijving.

• QR-code

  ---

  Automatisch gegenereerde QR voor een externe link.

Acties en formulieren

• CTA-knop

  ---

  Gecentreerde actieknop met link.

• Formulier

  ---

  Kant-en-klaar contact- of aanvraagformulier.

• Nieuwsbrief-formulier

  ---

  Inschrijfformulier voor de Benemailer-nieuwsbrief.

• KBC Online Order Link

  ---

  Knop naar een KBC-online-formulier (KBC-only).

• Afspraak-banner

  ---

  Grote banner met afspraak-call-to-action.

Gestructureerde data

• Tabel

  ---

  Echte HTML-tabel met kolommen en rijen.

• Stap-voor-stap gids

  ---

  Genummerde reeks stappen met titel, beeld, uitleg.

Verwijzingen en collecties

Deze blokken halen automatisch of handmatig content op uit andere secties.

• Gerelateerde pagina's

  ---

  Handmatig gekozen links naar verwante pagina's.

• Lexicon

  ---

  Handmatig gekozen lexicon-items.

• Lexicon van de dag

  ---

  Eén automatisch gekozen lexicon-item per dag.

• Referentie

  ---

  Carrousel met klantengetuigenissen.

• Nieuws

  ---

  Automatisch de 4 nieuwste berichten.

• Team

  ---

  Automatisch alle teamleden in carrousel.

• Contacteer teamleden

  ---

  Handmatig gekozen 2-4 teamleden.

• Vestigingen

  ---

  Alle vestigingen met openingsuren en optionele kaart.

• Producten

  ---

  Handmatig gekozen producten als card-grid.

• Productsegmenten

  ---

  Vaste 3 cards: Particulieren, Ondernemingen, Verenigingen.

Wrappers

• Content Block

  ---

  Wrapper rond Team/Nieuws/Vestigingen/etc — zelden de juiste keuze.

Algemene regels

• Volgorde telt: bezoekers lezen van boven naar beneden. Plaats de belangrijkste boodschap bovenaan.
• Niet te veel verschillende blokken op één pagina: drie tot zes blokken werkt meestal beter dan tien.
• Vertaling: bij meertalige sites moet elk blok per taal worden ingevuld. De structuur (welke blokken in welke volgorde) is gedeeld; de inhoud niet.
• Verplichte velden zijn gemarkeerd met een rode *. Je kan een blok pas bewaren als die ingevuld zijn.
• Test in Voorbeeld voor publicatie — vooral bij blokken die externe content insluiten (Code, KBC Online Order Link, Vestigingen met kaart).