FAQ CMS Akkordeon erstellen – mit Lottie Animation

Level: Einfach
Webflow CMS
Vorschaubild zum Beitrag: FAQ CMS Akkordeon erstellen
ressourcen
Live Vorschau
* AFFILIATE LINK
Details
Level
Einfach
Datum
August 19, 2026
Autor
Lächelnder Mann mit kurzem braunem Haar und Bart vor orangem Hintergrund.
Jonas Arleth
Blog Post

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


Mehr Content

Blog Archiv

Webflow Projekt neu starten – KI (Claude) migriert mein CMS

Webflow CMS mit Claude AI in ein neues Projekt übertragen: Collections, Items und Mehrsprachigkeit – so klappt die Migration.
Video
Kategorie
Webflow CMS
Skill
Einfach

Anschauen
Beitrag anschauen
Vorschaubild zum Beitrag: Ein Kurs-Bundle-System in Webflow & Ablefy bauen (inkl. Checkout)

Ein Kurs-Bundle-System in Webflow & Ablefy bauen (inkl. Checkout)

So baust du in Webflow ein flexibles Bundle- und Warenkorb-System für Kurse, Dienstleistungen oder Produkte — ohne Shopify, ohne Plugins und ohne klassisches E-Commerce.
Video
Kategorie
Webflow CMS
Skill
Profi

Anschauen
Beitrag anschauen

Trick: Bestimmte Webflow CMS Elemente größer / kleiner machen

Ein Trick, wie du die Größe von Webflow CMS-Elementen über einen Schalter (Toggle) kontrollieren kannst. Damit lässt sich das Design einer beliebigen Box innerhalb deiner Kollektions-Liste komplett verändern.
Video
Kategorie
Webflow CMS
Skill
Fortgeschritten

Anschauen
Beitrag anschauen
Vorschaubild zum Beitrag: Einführung in Liquiflow

Einführung in Liquiflow – So baust du Shopify Themes mit Webflow

Überblick über Liquiflow: Wie du mit Webflow dynamische Shopify‑Themes erstellst – strukturiertes Tagging, Block‑Elemente & Section Converter inklusive.
Video
Kategorie
Webflow CMS
Skill
Fortgeschritten

Anschauen
Beitrag anschauen
Vorschaubild zum Beitrag: Profi-Design in Webflow: Die Umsetzung meiner Kursübersichtsseite

Profi-Design in Webflow: Die Umsetzung meiner Kursübersichtsseite

Erfahre, wie ich die Übersichtsseite für meinen Webflow Profi Kurs entwickle. Ich teile meinen Designprozess, Tipps zur Umsetzung in Webflow und wie du fortgeschrittene Techniken anwendest.
Video
Kategorie
Webflow CMS
Skill
Einfach

Anschauen
Beitrag anschauen

Webflow Datum von Englisch auf Deutsch stellen

Ein kurze Anleitung wie du in Webflow das Datum von Englisch auf Deutsch umstellen kannst.
Video
Kategorie
Webflow CMS
Skill
Einfach

Anschauen
Beitrag anschauen