.avif)
Deine Website hat einen Blog, eine Referenz-Galerie und ein Team, das immer wieder wächst? Dann willst Du diese Inhalte nicht bei jeder Änderung von Hand in den Code kippen. Genau dafür gibt es das Webflow CMS. In diesem Guide zeige ich Dir, was dynamische Inhalte sind, wofür Du sie brauchst und wie Du sie so aufsetzt, dass Deine Seite pflegeleicht bleibt, schnell lädt und am Ende mehr Anfragen bringt.
Dynamische Inhalte sind Website-Inhalte, die aus einer zentralen Datenbank kommen und nicht fest im Seiten-Code stehen. Du pflegst einen Blog-Beitrag, ein Projekt oder ein Teammitglied genau einmal im Webflow CMS, und die Seite baut daraus automatisch Übersichten, Detailseiten und Auszüge. Ändert sich etwas, änderst Du es an einer Stelle, und es ist überall aktuell.
Der Unterschied zu statischen Inhalten ist einfach erklärt: Eine statische Seite wie Deine Startseite oder die Kontaktseite existiert genau einmal und ändert sich selten. Dynamische Inhalte sind alles, wovon Du viele gleichartige Einträge hast: Blog-Artikel, Referenzen, Standorte, Stellenanzeigen. Statt zehn Projektseiten von Hand zu bauen, legst Du eine Vorlage an, und jedes neue Projekt landet als Eintrag im CMS.
Nicht alles gehört ins CMS. Die Faustregel: Wenn Du von einem Inhaltstyp mehrere gleich aufgebaute Einträge hast, die wachsen oder sich ändern, ist er ein Fall für dynamische Inhalte. Einzelseiten mit eigenem Layout bleiben statisch. Diese Einteilung spart Dir später viel Arbeit.
| Inhalt | Besser statisch | Besser dynamisch |
|---|---|---|
| Startseite | Ja, ein Unikat | Nein |
| Blog / Ratgeber | Nein | Ja, viele gleichartige Beiträge |
| Referenzen / Projekte | Nein | Ja, wächst laufend |
| Team | Bei 1 bis 2 Personen ok | Ja, ab mehreren Personen |
| Kontakt / Impressum | Ja, Einzelseite | Nein |
| Standorte | Bei einem Standort ok | Ja, bei mehreren Filialen |
Dynamische Inhalte sind kein Selbstzweck, sie lösen ein handfestes Problem: Deine Website soll aktuell und glaubwürdig wirken, ohne dass Du für jede Änderung eine Agentur brauchst. Ein Handwerksbetrieb, der jede fertige Baustelle als Referenz zeigen kann, verkauft Vertrauen. Eine Praxis, die ihr komplettes Team mit Foto und Funktion pflegt, wirkt nahbar. Genau diese Inhalte lassen sich über das CMS ohne Programmierkenntnisse aktuell halten.
Am konkreten Fall wird schnell klar, warum dynamische Inhalte so viel Zeit sparen. Ein Malerbetrieb pflegt nach jedem Auftrag ein Vorher-Nachher-Foto samt kurzer Beschreibung als neue Referenz; die Startseite zeigt automatisch die drei jüngsten Projekte, die Referenzseite alle. Eine Zahnarztpraxis legt jedes Teammitglied mit Foto, Funktion und Sprechzeiten an, sodass neue Mitarbeiter in zwei Minuten online sind. Ein Restaurant mit mehreren Standorten führt jede Filiale als Eintrag mit Adresse, Öffnungszeiten und Karte, und jede Filiale bekommt ihre eigene, lokal auffindbare Unterseite.
In allen drei Fällen gilt dasselbe Prinzip: Du legst die Struktur einmal an, und danach ist Pflege reine Fleißarbeit im Formular, kein Fall mehr für Code oder Agentur. Genau das ist der Unterschied zwischen einer Website, die nach dem Launch verstaubt, und einer, die mit dem Betrieb mitwächst und deshalb weiter Anfragen bringt.
Abb. 1: Typische Inhalte, die im Webflow CMS am besten aufgehoben sind (Quelle: DesignTribe)
Wir bei DesignTribe sehen in Projekten immer wieder: Websites, die nach dem Launch nie wieder angefasst werden, verlieren schnell an Wirkung. Ein Betrieb, der seit zwei Jahren dieselben drei Referenzen zeigt, wirkt eingeschlafen. Dynamische Inhalte senken die Hürde, aktuell zu bleiben, weil das Pflegen im CMS so einfach ist wie das Ausfüllen eines Formulars. Wenn Du wissen willst, wie Webdesign grundsätzlich funktioniert, hilft Dir vorab unser Beitrag Was ist Webdesign, einfach erklärt.
„Während meiner mehr als 5-jährigen Erfahrung habe ich gelernt: Die beste Website nützt wenig, wenn niemand sie pflegt. Ein sauber aufgesetztes CMS entscheidet oft darüber, ob eine Seite nach einem Jahr noch lebt oder tot ist."
– Nicolas Mondré, DesignTribe
In einem kostenlosen Erstgespräch zeigen wir Dir, wie ein sinnvoll aufgesetztes Webflow CMS für Deinen Betrieb aussieht. Als Webflow Experts Premium Partner planen wir die Struktur so, dass Du Inhalte später ohne Technik-Frust selbst aktuell hältst.
Jetzt Angebot anfragenDas Webflow CMS besteht aus drei Bausteinen, die zusammen die Struktur Deiner Inhalte bilden: Collections, Felder und Items. Wer diese drei Begriffe versteht, versteht das ganze System. Eine Collection ist ein Inhaltstyp, ein Feld beschreibt, welche Informationen ein Eintrag enthält, und ein Item ist der einzelne, ausgefüllte Eintrag. Klingt technisch, ist aber im Grunde ein sortierter Aktenschrank.
Eine Collection ist eine Art Sammlung für gleichartige Inhalte, zum Beispiel „Referenzen", „Blog-Beiträge" oder „Team". Für jeden Inhaltstyp legst Du eine eigene Collection an. Jede Collection nutzt eine einzige Vorlage und dieselbe Struktur für alle Einträge, deshalb sehen später alle Detailseiten einheitlich aus.
Felder legen fest, welche Informationen jeder Eintrag mitbringt. Bei einer Referenz wären das etwa Projektname, Bild, Branche, kurze Beschreibung und ein Datum. Es gibt verschiedene Feldtypen: Text, Bild, Datum, Rich-Text für lange Inhalte und das wichtige Referenzfeld, das Collections miteinander verknüpft. Ein Blog-Beitrag kann so per Referenzfeld sauber einem Autor zugeordnet werden, ohne dass Du den Namen jedes Mal neu tippst.
Ein Item ist der fertig ausgefüllte Eintrag, also die konkrete Referenz „Badsanierung Mustermann" mit allen ausgefüllten Feldern. Du legst so viele Items an, wie Du brauchst, und pflegst sie über eine Eingabemaske. Genau hier arbeitest Du später im Alltag, ohne den Designer oder Code anzufassen.
Abb. 2: Collection, Felder und Items werden zu Listen und eigenen Detailseiten (Quelle: DesignTribe)
Praxis-Tipp: Plane die Felder, bevor Du den ersten Eintrag anlegst. Ein nachträglich vergessenes Feld lässt sich zwar ergänzen, aber wenn Du erst 80 Referenzen gepflegt hast und dann die Struktur änderst, wird das zäh. Erst denken, dann pflegen.
Deine Inhalte werden auf zwei Wegen sichtbar: über Collection Lists und über dynamische Template-Seiten. Die Collection List zeigt mehrere Einträge in einem sich wiederholenden Layout, zum Beispiel eine Kachel-Galerie Deiner letzten Projekte. Die Template-Seite ist die Vorlage für die Detailansicht und gibt jedem einzelnen Eintrag eine eigene, vollwertige Unterseite mit eigener Adresse.
Eine Collection List ist ein Element, das Du auf jede Seite ziehen kannst und das Deine Einträge automatisch als Liste ausspielt. Du gestaltest eine einzige Kachel, und Webflow wiederholt dieses Layout für jeden Eintrag. Das nutzt Du für die Referenz-Übersicht, für „Neueste Beiträge" am Ende eines Artikels oder für einen Auszug der letzten drei Projekte auf der Startseite. Übrigens lassen sich laut Webflow bis zu 40 solcher Listen auf einer Seite platzieren, mehr als genug für jede sinnvolle Seite.
Dynamische Template-Seiten sind der eigentliche Hebel für Deine Sichtbarkeit bei Google. Jeder Eintrag bekommt automatisch eine eigene Unterseite mit eigener URL, eigenem Titel und eigener Meta-Beschreibung. Aus einem Blog-Beitrag wird so eine indexierbare Seite, die für ihre Suchbegriffe ranken kann. Genau dieser Mechanismus macht Content-Marketing auf Webflow so effizient. Wie Du daraus planbar Besucher gewinnst, liest Du in unserem Beitrag Traffic generieren.
Weil alle Einträge derselben Collection auf einer einzigen Vorlage aufbauen, sehen Deine Detailseiten immer gleich aufgeräumt aus. Das ist mehr als Optik: Ein Besucher, der von einem Projekt zum nächsten klickt und jedes Mal dieselbe klare Struktur vorfindet, empfindet Deinen Auftritt als professionell und verlässlich. Genau dieses Gefühl entscheidet oft darüber, ob jemand am Ende auf den Anfrage-Button klickt oder wieder abspringt.
Für Dich als Betrieb hat das noch einen zweiten Vorteil: Du musst nie wieder eine Detailseite von Hand bauen. Änderst Du die Vorlage einmal, etwa um einen Anfrage-Button unter jedes Projekt zu setzen, gilt das sofort für alle bestehenden und künftigen Einträge. Eine kleine Änderung an der richtigen Stelle wirkt so auf Deiner gesamten Website, statt dass Du Dich durch Dutzende Einzelseiten arbeitest.
Filtern, Sortieren und Begrenzen sind die drei Stellschrauben, mit denen Du steuerst, welche Einträge wo und in welcher Reihenfolge erscheinen. Das Beste daran: Für die meisten Fälle brauchst Du keine Zeile Code. Du stellst in den Einstellungen der Collection List ein, was angezeigt wird, und Webflow erledigt den Rest automatisch, auch wenn später neue Einträge dazukommen.
Ein Filter blendet gezielt Einträge aus oder ein, zum Beispiel „zeige nur Referenzen aus der Branche Sanitär". Die Sortierung legt die Reihenfolge fest, etwa neueste Beiträge zuerst. Und mit einer Begrenzung zeigst Du nur eine bestimmte Anzahl, etwa die drei aktuellsten Projekte auf der Startseite. Diese drei Werkzeuge kombinierst Du frei, sodass dieselbe Collection an verschiedenen Stellen unterschiedlich erscheint.
Abb. 3: Derselbe Eintrag erscheint gesteuert an mehreren Stellen der Website (Quelle: DesignTribe)
Damit ein Filter überhaupt greifen kann, brauchen Deine Einträge ein Feld, nach dem sich filtern lässt. In der Praxis ist das meist eine Kategorie oder ein Referenzfeld. Legst Du zum Beispiel eine kleine Collection „Branchen" an und verknüpfst jede Referenz per Referenzfeld mit ihrer Branche, kannst Du auf einen Klick nur die Sanitär-Projekte oder nur die Dach-Projekte zeigen. Der Vorteil: Du tippst die Kategorie nicht bei jedem Eintrag neu, sondern wählst sie aus, und Tippfehler wie „Sanitaer" gegen „Sanitär" können den Filter nicht mehr aushebeln.
Dieses saubere Verknüpfen zahlt sich später doppelt aus. Du kannst dieselbe Struktur für verwandte Ansichten nutzen, etwa „ähnliche Projekte" am Ende einer Detailseite, die automatisch weitere Einträge derselben Branche anzeigen. So bleibt der Besucher länger auf Deiner Seite und stößt eher auf ein Projekt, das seinem eigenen Vorhaben ähnelt. Das erhöht die Chance, dass aus dem Interessenten eine Anfrage wird.
Je mehr Einträge auf einer Seite geladen werden, desto mehr Daten muss der Browser des Besuchers verarbeiten. Webflow zeigt deshalb standardmäßig maximal 100 Einträge pro Collection List an; wenn Du mehr darstellen willst, aktivierst Du Pagination und teilst die Liste in mehrere Seiten auf. Das ist keine Schikane, sondern schützt die Ladezeit. Die genauen Vorgaben findest Du in der offiziellen Webflow-Dokumentation zu dynamischen Inhalten.
Praxis-Tipp: Lade nie mehr Einträge auf einmal, als der Besucher wirklich braucht. Auf der Startseite reichen drei bis sechs Referenzen als Appetitanreger; die vollständige Liste gehört auf die Übersichtsseite. Weniger gleichzeitig geladene Inhalte bedeuten eine schnellere Seite, und eine schnelle Seite hält Besucher.
Wir übernehmen die Struktur für Dich: von der Content-Planung über den CMS-Aufbau bis zum fertigen, pflegbaren Auftritt. In einem unverbindlichen Erstgespräch schauen wir uns Deine Inhalte an und sagen Dir ehrlich, was Sinn ergibt.
Jetzt Angebot anfragenDie meisten Probleme mit dynamischen Inhalten entstehen nicht in Webflow, sondern in der Planung davor. Wer ohne Struktur startet, baut sich schnell einen Datensalat, der später nur mit viel Aufwand zu reparieren ist. Die gute Nachricht: Alle typischen Fehler lassen sich vermeiden, wenn Du sie kennst. Hier sind die vier, die uns in der Praxis am häufigsten begegnen.
| Fehler | Folge | Besser so |
|---|---|---|
| Alles ins CMS pressen | Einzelseiten werden künstlich verkompliziert | Nur echte Sammlungen dynamisch, Unikate statisch |
| Zu viele oder unklare Felder | Pflege wird mühsam, Struktur unübersichtlich | Nur Felder anlegen, die Du wirklich anzeigst |
| Keine Pagination bei langen Listen | Lange Ladezeit, schlechtere Nutzererfahrung | Ab vielen Einträgen Pagination oder Begrenzung nutzen |
| Template-Seiten ohne eigene Meta-Daten | Detailseiten ranken schlecht bei Google | Titel und Beschreibung dynamisch aus Feldern befüllen |
Der Klassiker: Weil das CMS so praktisch ist, wandert plötzlich auch die Über-uns-Seite hinein, obwohl es sie nur einmal gibt. Dynamische Inhalte lohnen sich nur, wenn Du von einem Typ mehrere gleichartige Einträge hast. Eine einzelne Kontaktseite bleibt statisch, das spart Aufwand und hält die Struktur klar.
Jede Template-Seite kann Titel und Meta-Beschreibung dynamisch aus Deinen CMS-Feldern ziehen. Wer das nicht einrichtet, verschenkt genau die Sichtbarkeit, für die dynamische Seiten eigentlich da sind. Verknüpfe das Titel-Feld Deines Beitrags mit dem SEO-Titel der Seite, dann bekommt jede Detailseite automatisch eine saubere, individuelle Grundlage für Google. Für lokale Themen wie Bewertungen und Standorte hilft ergänzend unser Beitrag zum Google Unternehmensprofil optimieren.
Nein. Sobald die Struktur einmal steht, pflegst Du Inhalte über eine einfache Eingabemaske, ähnlich wie beim Ausfüllen eines Formulars. Du tippst Text, lädst Bilder hoch und speicherst. Der technische Aufbau der Collections und Template-Seiten passiert vorher, meist durch Deine Agentur.
Eine Collection ist eine Datenbank für gleichartige Inhalte, zum Beispiel alle Blog-Beiträge. Eine Seite ist das, was der Besucher sieht. Aus einer Collection entstehen automatisch viele Detailseiten, für jeden Eintrag eine, plus Übersichtslisten. Du pflegst also die Daten, und Webflow baut daraus die Seiten.
Pro Collection List zeigt Webflow standardmäßig bis zu 100 Einträge ohne Pagination. Willst Du mehr darstellen, aktivierst Du Pagination und teilst die Liste auf mehrere Seiten auf. Für die Startseite empfiehlt sich ohnehin eine bewusste Begrenzung auf wenige Einträge, das hält die Seite schnell.
Ja. Jede Template-Seite ist eine vollwertige, indexierbare Unterseite mit eigener URL, eigenem Titel und eigener Meta-Beschreibung. Genau deshalb eignet sich das CMS hervorragend für Content-Marketing: Jeder gute Blog-Beitrag kann für seine Suchbegriffe ranken und neue Besucher bringen.
Grundsätzlich ja, aber es lohnt sich, gleich sauber zu planen. Ein Feld ergänzen ist einfach; die Struktur bei vielen bestehenden Einträgen umzubauen, kostet dagegen Zeit. Deshalb gilt: Struktur zuerst durchdenken, dann Inhalte pflegen. Das erspart Dir späteren Aufwand.
Dynamische Inhalte im Webflow CMS sind kein Selbstzweck, sondern der Weg zu einer Website, die aktuell bleibt, ohne dass Du bei jeder Änderung Hilfe brauchst. Wer die drei Bausteine Collection, Felder und Items versteht und die Struktur vor dem ersten Eintrag durchdenkt, spart sich später viel Ärger und gewinnt eine Seite, die mit dem Betrieb mitwächst. Der wichtigste Grundsatz bleibt: nur echte Sammlungen dynamisch, Unikate statisch, und Performance immer im Blick. Wenn Du tiefer in die Technik einsteigen willst, findest Du bei uns Webflow-Expertise als zertifizierte Agentur und unsere Kernleistung Webdesign auf Webflow.
Lass uns über Deine Website sprechen: Stell hier unverbindlich Deine Anfrage, und wir melden uns mit einer ehrlichen Einschätzung, wie ein sinnvoll aufgesetztes CMS für Deinen Betrieb aussieht.
Ich bin Nicolas Mondré, Gründer von DesignTribe in Wien. Mit meinem Team gestalte und entwickle ich Websites, die Kunden gewinnen: Strategie, Webdesign und Webentwicklung auf Webflow, als zertifizierter Webflow Experts Premium Partner. In unserem Blog teile ich, was ich aus über fünf Jahren Projekt-Praxis über Websites gelernt habe, die wirklich Anfragen bringen.
