Das neue CMS-Listenfeld
Quantensprung im Framer-CMS
Richard de Jaroueh
Framer hat mit dem CMS List Field einen neuen Feldtyp eingeführt, der das Content-Management grundlegend erweitert. Das ist im Grunde ein CMS im CMS und es löst ein Problem, das Framer-Nutzer seit Jahren mit Workarounds umgehen mussten.
Das Problem: Wiederholende Inhalte im Framer-CMS
Wer bisher in Framer innerhalb eines CMS-Elements eine FAQ-Sektion, eine Feature-Liste, Kapitel eines Artikels oder Tutorial-Schritte über das CMS verwalten wollte, hatte zwei Optionen – beide unbefriedigend.
Option 1: Felder duplizieren. Man legt in der Collection Felder an wie Frage 1, Antwort 1, Frage 2, Antwort 2, und so weiter. Funktioniert, ist aber unübersichtlich und muss v.A. bei unterschiedlich vielen Kapiteln oder FAQ-Fragen pro Item im Layout berücksichtigt werden.
Option 2: Separate Collection mit Referenz. Eine eigene Collection (z. B. „FAQ-Einträge"), die aus der Haupt-Collection referenziert wurde. Das ist strukturell zwar sauberer als Option 1, verbraucht aber einen ganzen Collection-Slot – von denen es insbesondere im Basic-Plan lediglich zwei gibt.
Was das List Field kann
Ein List Field ist ein neuer CMS-Feldtyp, der eine geordnete Liste innerhalb eines einzelnen CMS-Items ermöglicht. Jeder Listeneintrag kann eigene Unterfelder haben – Text, Bilder, Links, Farben, Toggles & co. Allerdings werden hier noch nicht alle Feldtypen wie bspw. Referenzen unterstützt.
Konfiguration der Liste und ihrer Felder, hierbei lassen sich auch Limits setzen
Das bedeutet: Ein CMS-Item „Produktseite" kann jetzt ein List Field „Funktionen" enthalten, in dem jede Funktion einen Titel, eine Beschreibung und ein Icon hat. Ein anderes CMS-Item „Über uns" kann ein List Field „Teammitglieder" enthalten, mit Name, Rolle und Foto pro Eintrag. Die Anzahl der Einträge ist variabel, in der Konfiguration lassen sich min. & max. festlegen.
Bearbeitung
List Fields werden direkt in der CMS-Tabellenansicht bearbeitet. Einträge lassen sich inline editieren oder in einem eigenen Fenster und per Drag-and-Drop umsortieren.
API und Agent Support
Das List Field wird von der Framer Server API unterstützt und ist vollständig in die Agent-Integration eingebunden. Das heißt: Agents können List Fields lesen, befüllen und bearbeiten und auch externe Automatisierungen über die API können auf die Listen zugreifen.
Die neue Repeat-Funktion auf dem Canvas
Damit List Fields auf der Website auch dargestellt werden, braucht es eine Möglichkeit, ein Design-Element für jeden Listeneintrag zu wiederholen (ähnlich zu CMS-Listen). Genau dafür gibt es die neue Repeat-Eigenschaft.
So kann man flexibel eine Karte gestalten (z. B. eine FAQ-Karte mit Frage und Antwort), über das Styles-Panel die Repeat-Funktion aktivieren und die jeweilige Liste zuordnen. Framer wiederholt diese Karte dann automatisch für jeden Eintrag im List Field mit den jeweiligen Inhalten.
Das funktioniert also ähnlich wie eine Collection List, ist aber an ein einzelnes CMS-Item gebunden statt an eine ganze Collection. Dadurch kann man innerhalb einer Detailseite wiederholende Inhalte darstellen, ohne eine separate Collection dafür anlegen zu müssen.
Repeat ersetzt auch bisherige Ansätze
Die Repeat-Funktion betrifft nicht nur List Fields. Auch bestehende Bildergalerien zeigen jetzt einen „Switch to Repeat"-Button an. Framer vereinheitlicht damit die Art, wie wiederholende Inhalte auf dem Canvas gesteuert werden – unabhängig davon, ob die Datenquelle ein List Field, eine Bildergalerie oder eine andere Quelle ist.
Anwendungen
Das Listen-Feld beseitigt eine der größten strukturellen Einschränkungen des Framer-CMS: die fehlende Möglichkeit, verschachtelte Inhalte innerhalb eines Items abzubilden.
FAQ-Sektionen auf Produkt- oder Serviceseiten – Fragen und Antworten direkt im CMS-Item der jeweiligen Seite, nicht in einer separaten FAQ-Collection
Feature-Listen auf Produktseiten – jedes Feature mit Titel, Beschreibung und Icon
Tutorial-Schritte in Lernartikeln – geordnete Schritte mit Text und optionalem Bild
Preistabellen – Leistungen pro Tarif als Liste statt als feste Felder
Case Studies mit variabel vielen Ergebnis-Metriken oder Zitaten
Fazit
Das CMS List Field ist das funktional wichtigste Framer-Update seit dem CMS-3.0-Redesign im April und im CMS-Segment ziemlich einzigartig. Wer bisher mit Frage 1, Frage 2, Frage 3-Feldern gearbeitet hat oder eine ganze Collection nur für FAQ-Einträge opfern musste, sollte sich das List Field genauer ansehen.
ᶠAffiliate-Link