Build a FAQ CMS Accordion in Webflow – with Lottie Animation

In this tutorial, I'll show you how to automatically import FAQ questions and answers as a CSV file into a Webflow CMS collection and then design them in two columns in the designer.

We build the FAQ accordion function ourselves with the Webflow Interaction Tool. We also animate every FAQ box with a Lottie animation that is played when clicked.

Chapter:

‍00:00 — Intro
00:47 — Exporting data from Notion
01:15 — Importing CSV to Webflow
02:07 — Create FAQ layout
13:24 — Create accordion interaction
21:24 — Final score