Webflow CMS

FAQ CMS Akkordeon erstellen – mit Lottie Animation

Level:
Einfach 👌
Das Video kann nur angezeigt werden, wenn Cookies erlaubt sind.
Cookies akzeptieren und Medien laden

In diesem Tutorial zeige ich dir, wie du in eine Webflow CMS Collection automatisiert FAQ Fragen und Antworten als CSV Datei importierst und diese anschließend im Designer in zwei Spalten gestaltest.

Die FAQ Akkordeon Funktion bauen wir uns selbst mit dem Webflow Interaction Tool. Zudem animieren wir jede FAQ Box mit einer Lottie Animation, die bei Klick abgespielt wird.

Kapitel:

00:00 – Intro
00:47 – Daten aus Notion exportieren
01:15 – CSV in Webflow importieren
02:07 – FAQ-Layout erstellen
13:24 – Akkordeon Interaktion anlegen
21:24 – Endergebnis

Ergebnis anschauen
Icon für einen externen Link
Projekt im Webflow Designer öffnen
Icon für einen externen Link