FAQ CMS Akkordeon erstellen – mit Lottie Animation

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