Skip to content
Chapter 04 of 05 · 3 lessons · ~31 min

Interactions, CMS and Forms

Add interactions and animations, build dynamic pages with the CMS and collect leads with forms.

YOUR PROGRESS0%
/ Lessons in this chapter
09
Webflow Interactions and Animations How to build hover, click and scroll animations with Webflow interactions and keep them smooth and accessible. Coming soon
10
Webflow CMS Tutorial How to structure content with the Webflow CMS and design dynamic pages and lists. Coming soon
11
How to Add Forms in Webflow How to add, style and connect a Webflow form so every lead reaches you. Coming soon

Chapter practice task

Task: Add scroll and hover interactions, a CMS-powered case studies section and a contact form

  1. Add a fade-up scroll interaction to section headings and cards, and a hover interaction to cards.
  2. Create a Case Studies collection, a template page and a collection list on the home page.
  3. Add a contact form with notifications and a styled success message.

By the end of this chapter

  • Your site has smooth, purposeful interactions
  • Case studies and blog posts are managed in the CMS with their own pages
  • Leads arrive in your inbox from a working form

Quick answers for this chapter

Do interactions slow the site down?

Simple transforms and opacity changes are light. Heavy animations on many elements, large videos or Lottie files can affect performance.

How many CMS items can I have?

It depends on your site plan. Check the limits before importing a large blog.

Where are form submissions stored?

In your site’s form submissions area, and sent to notification emails you set.