Dynamische CMS-pagina's maken in Webflow

Gewijzigd op Vr, 5 Jun om 5:51 PM

Een dynamische CMS-pagina (Collection Page) is de detailpagina die Webflow automatisch genereert voor elk item in een Collection, bijvoorbeeld een individueel blogartikel. In dit artikel leest u hoe u deze pagina inricht.

Probleem

U klikt op een item in een overzicht, maar de detailpagina toont geen of verkeerde inhoud.

Oorzaak

De Collection Page-template is nog niet (volledig) gekoppeld aan de velden van de Collection. Webflow gebruikt één template die voor elk item wordt gevuld; ontbreken de koppelingen, dan blijft de pagina leeg of onvolledig.

Oplossing

U opent de Collection Page-template en bindt de elementen (titel, afbeelding, tekst) aan de bijbehorende CMS-velden. Webflow vult de pagina daarna automatisch per item.

Stappenplan

  1. Open de Webflow Designer en ga naar het Pages-paneel.
  2. Open onder de Collection de bijbehorende Template Page (bijvoorbeeld Blog Template).
  3. Voeg de gewenste elementen toe (heading, afbeelding, rich text).
  4. Bind elk element aan het juiste veld via Get text from of Get image from.
  5. Stel de SEO-titel en meta-omschrijving in op basis van CMS-velden.
  6. Klik op Publish om de wijziging live te zetten.

Configuratievoorbeeld

Een blogdetailpagina op uw BDMNL-website:

  • Heading: gekoppeld aan veld Titel
  • Hoofdafbeelding: gekoppeld aan veld Hoofdafbeelding
  • Inhoud: gekoppeld aan Rich text-veld Inhoud
  • Paginatitel (SEO): Titel + " | BDMNL Blog"

Veelgemaakte fouten

  • Statische tekst gebruiken in plaats van een gekoppeld veld, waardoor elke pagina dezelfde inhoud toont.
  • De SEO-velden niet binden, waardoor alle detailpagina's dezelfde titel krijgen.
  • Vergeten te publiceren na het aanpassen van de template.

Controle na afloop

Open enkele detailpagina's via het overzicht en controleer of titel, afbeelding en tekst per item kloppen, en of de SEO-titel uniek is.

Praktische tips

  • U past de template één keer aan; alle items volgen automatisch dezelfde opmaak.
  • Gebruik een Reference-veld om gerelateerde items onderaan de pagina te tonen.
  • Dit werkt vergelijkbaar met een single-template in WordPress: één sjabloon vult meerdere pagina's.

FAQ

Kan ik per item een afwijkende layout maken?
De template is gedeeld; voor afwijkingen kunt u conditionele zichtbaarheid op basis van velden gebruiken.

Hoe stel ik de URL (slug) in?
De slug wordt afgeleid van de titel en is per item aanpasbaar in het CMS-item.

Waarom is mijn detailpagina leeg?
Meestal omdat elementen nog niet aan velden zijn gebonden of het item niet is gepubliceerd.

Kan ik de detailpagina indexeerbaar maken?
Ja, zorg voor unieke SEO-titels en voeg de pagina toe aan uw sitemap.

Verschijnen wijzigingen direct?
Nee, pas na publiceren.

Samenvatting

Een dynamische CMS-pagina vult automatisch de detailweergave van elk item. Door alle elementen en SEO-velden te binden en te publiceren, krijgt elk item een correcte, unieke pagina.

Gerelateerde artikelen:

  • Webflow CMS Collections aanmaken
  • Collection Lists gebruiken in Webflow
  • Webflow koppelen aan Google Search Console

Komt u er niet uit? Dien een ticket in bij BDMNL, dan helpen wij u verder.

Was dit artikel nuttig?

Dat is fantastisch!

Hartelijk dank voor uw beoordeling

Sorry dat we u niet konden helpen

Hartelijk dank voor uw beoordeling

Laat ons weten hoe we dit artikel kunnen verbeteren!

Selecteer tenminste een van de redenen
CAPTCHA-verificatie is vereist.

Feedback verzonden

We stellen uw moeite op prijs en zullen proberen het artikel te verbeteren