Een CMS-collectie opzetten in Webflow

Wie in Webflow voor elk blogartikel of elke case een losse pagina bouwt, loopt snel vast. Het CMS lost dat op: je definieert één keer de structuur en het ontwerp, en voegt daarna items toe als in een formulier. Een goed opgezette collectie scheelt jaren beheerwerk; een slordige collectie zorgt voor workarounds.

Stap 1: bepaal de inhoud per item

Schrijf op wat elk item nodig heeft. Voor een case bijvoorbeeld:

• Naam (titel) — Type: Plain text (standaard)
• Slug — Type: standaard
• Klant — Type: Plain text
• Korte samenvatting — Type: Plain text
• Uitgebreide beschrijving — Type: Rich text
• Hoofdafbeelding — Type: Image
• Galerij — Type: Multi-image
• Dienst — Type: Reference (naar de collectie Diensten)
• Uitgelicht — Type: Switch
• SEO-titel en metabeschrijving — Type: Plain text

Denk aan wat je wilt filteren of sorteren (categorie, datum, uitgelicht) en wat je in overzichten wilt tonen.

Stap 2: maak de collectie aan

1. Open in de Designer het CMS-paneel en kies Create collection (of het plusteken).
2. Geef een enkelvoudige en meervoudige naam en controleer de Collection URL (de map in de URL, bijvoorbeeld /cases/). Kies die zorgvuldig; achteraf wijzigen raakt alle URL's.
3. Voeg de velden toe met Add field, met per veld een duidelijke helptekst.
4. Sla de collectie op.

Stap 3: verwijzingen tussen collecties

Met Reference (één) en Multi-reference (meerdere) verbind je collecties, bijvoorbeeld een artikel aan een categorie of een case aan een dienst. Zo kun je op een dienstpagina automatisch de bijbehorende cases tonen. Gebruik verwijzingen in plaats van dezelfde tekst in meerdere collecties te typen.

Stap 4: ontwerp de templatepagina

Webflow maakt automatisch een Collection Template Page. Ontwerp die één keer en koppel elementen aan velden (de titel aan Naam, de afbeelding aan Hoofdafbeelding enzovoort). Stel in de pagina-instellingen de SEO-titel en metabeschrijving in met velden. Zie SEO-instellingen in Webflow.

Stap 5: toon items met een Collection List

Sleep een Collection List op een pagina, kies de collectie en stel filters, sortering en het maximale aantal items in. Voorbeelden: de drie nieuwste cases op de homepage, alle artikelen in een categorie.

Stap 6: voeg items toe en publiceer

Voeg items toe via het CMS-paneel of de Editor; zie Een CMS-item toevoegen in Webflow. Items kunnen als concept blijven staan tot ze klaar zijn. Publiceren gaat per item of via de sitepublicatie; zie Publiceren in Webflow.

Let op de limieten

Webflow-abonnementen hebben limieten op het aantal collecties, items en velden per collectie. Controleer die vooraf bij grote plannen, zodat je niet halverwege een migratie tegen een grens aanloopt.

Een collectie voor een kennisbank

Een kennisbank is een van de meest voorkomende toepassingen van het CMS. Een opzet die zowel voor bezoekers als voor zoekmachines en AI-assistenten werkt:

• Titel, slug — Type: standaard; Waarom: vraag of onderwerp, korte URL
• Kort antwoord — Type: Plain text; Waarom: direct antwoord bovenaan, goed citeerbaar
• Inhoud — Type: Rich text; Waarom: het artikel zelf, met echte koppen en lijsten
• Categorie — Type: Reference; Waarom: overzichtspagina's per onderwerp
• Gerelateerde artikelen — Type: Multi-reference; Waarom: interne links zonder handwerk
• Bijgewerkt op — Type: Date; Waarom: zichtbare controledatum; zie Content actueel houden voor AI
• Auteur — Type: Reference; Waarom: afzender en expertise
• SEO-titel, metabeschrijving — Type: Plain text; Waarom: eigen titel en beschrijving per artikel

Houd FAQ's die je als structured data wilt gebruiken in de tekst zelf zichtbaar, en test de templatepagina na elke grote wijziging.

Veelgemaakte fouten

• Alles in één Rich text-veld, waardoor je niet kunt filteren of hergebruiken.
• Collection URL achteraf wijzigen zonder redirects voor alle bestaande items.
• Geen helptekst bij velden, waardoor elke redacteur ze anders invult.
• Afbeeldingen zonder alt-tekstveld in de collectie, zodat alt-teksten structureel ontbreken.

Voorbeeld

Stel: een architectenbureau wil projecten tonen per type (woningbouw, utiliteit, renovatie). Het maakt een collectie "Projecten" met een referentie naar een collectie "Projecttypen". Op elke typepagina toont een gefilterde Collection List automatisch de juiste projecten, en bij een nieuw project hoeft alleen één item te worden toegevoegd.

Voeg je animaties toe aan je templatepagina's, houd dan de snelheid in de gaten; zie Webflow-interacties en snelheid in balans houden.

Veelgestelde vragen

Kan ik later velden toevoegen?

Ja. Bestaande items krijgen het veld dan leeg; vul het aan waar nodig. Velden verwijderen verwijdert ook de inhoud.

Kan ik items importeren?

Ja, via CSV-import. Controleer na een import de publicatiestatus van de nieuwe items: Webflow kan ze klaarzetten voor publicatie bij de volgende sitepublicatie.

Wat is het verschil tussen een statische pagina en een CMS-pagina?

Een statische pagina ontwerp je los; een CMS-pagina deelt één template met alle items van de collectie.

Kan ik de URL-map van een collectie wijzigen?

Technisch wel, maar alle URL's veranderen dan. Doe dat alleen met een redirectplan.

Hoeveel collecties heb ik nodig?

Zo weinig als mogelijk, zoveel als nodig. Gebruik referenties voor categorieën in plaats van aparte collecties per categorie.

Hulp nodig?

Wil je een Webflow-website met een CMS-structuur die meegroeit? Bekijk onze dienst Webflow.

Schrijf bij elk veld een korte helptekst. Wie later items toevoegt, weet dan precies wat er in moet.