CMS & dynamic content

Login with your Webflow account to track your progress

CMS & dynamic content

Learn how to use Webflow CMS to build completely custom websites powered by dynamic content, and define your content's structure and style.

We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

Using a content management system (CMS) to power your website's content makes life a lot easier. And when you're ready, you can invite stakeholders to update content right on the live site. With Webflow CMS you can define, design, and publish powerful, dynamic websites — without hiring a developer or even looking at code. This course covers the basics and how to get the most out of your content with Webflow CMS.

Table of contents

1

Getting started

Coming soon

1

Intro to dynamic content

Intro to dynamic content

Coming soon

1

Intro to the Webflow CMS

Intro to the Webflow CMS

Coming soon

2

CMS Collections

Coming soon

2

CMS Collections

CMS Collections

Coming soon

3

Designing with Collections

Coming soon

3

Collection lists

Collection lists

Coming soon

3

Collection pages

Collection pages

Coming soon

4

Modifying Collections

Coming soon

4

Modify a Collection

Modify a Collection

Coming soon

4

Import/export CMS content

Import/export CMS content

Coming soon

4

Intro to the CMS Editor

Intro to the CMS Editor

Coming soon

5

CMS Collection Fields

Coming soon

5

Plain text field overview

Plain text field overview

Coming soon

5

Rich text field

Rich text field

Coming soon

5

Image field

Coming soon

5

Video field

Coming soon

5

Email field

Coming soon

5

Link field

Coming soon

5

Phone field overview

Phone field overview

Coming soon

5

Number field overview

Number field overview

Coming soon

5

Date/time field

Date/time field

Coming soon

5

Switch field

Coming soon

5

Option field overview

Option field overview

Coming soon

5

Color field

Coming soon

5

Reference field

Reference field

Coming soon

5

Multi-reference field

Multi-reference field

Coming soon

6

Advanced Dynamic Content

Coming soon

6

Conditional visibility

Conditional visibility

Coming soon

6

Filter Collection lists

Filter Collection lists

Coming soon

Progress

0%

Details

Beginner - Intermediate

41m

24

Lessons

Assets & links

Continue learning

Client's guide to the Editor

This is the Client's guide to the Webflow Editor. Share these lessons to get your clients up and running.

Web elements

A comprehensive look at the building blocks and elements Webflow puts at your fingertips — start designing websites visually, with confidence.

Webflow 101

Introducing Webflow 101, the ultimate course to learn the fundamentals of web design and development.

CSS grid in Webflow

An overview of CSS grid. Use the grid layout in Webflow to get more control over your designs and create powerful, responsive layouts — faster.

Localize your site in Webflow

Learn how to localize a site for different languages and regions. Translate text, customize and manage content, and optimize SEO settings, so your site reaches a wider audience.

CSS styling

Take a closer look at all the creative styling possibilities that CSS offers. Learn how to style elements visually, with the power of Webflow.

Ultimate web design course

From the fundamentals to advanced topics — learn how to build sites in Webflow and become the designer you always wanted to be.

Web animations with After Effects & Lottie

Create animations in Adobe After Effects — the industry standard for motion graphics. Embed and animate them in your Webflow site.

Webflow Ecommerce

Learn how to build and design your Webflow Ecommerce store. Customize every detail and launch a fully functional online store — without writing code.

21-day design portfolio course

Build and visually design a full portfolio website within the span of 21 days.

Landing page generator for Ryan Reynolds

Learn how to build a dynamic landing page generator in under 30 minutes.

SEO fundamentals

An overview of search engine optimization (SEO) fundamentals and best practices — learn how to optimize your content from the start.

Interactions & animations course

Learn how to animate multiple elements managed on a single timeline — bring your designs to life with rich, sequenced interactions and animations.

Full site build

Learn how to design and develop a CMS-driven website built around the needs of your client and their audience — and execute a successful launch.

Figma to Webflow

Learn the entire design process from idea to final output as we take you through Figma, Cinema 4D and Octane, and Webflow.

CSS layout & positioning

Dig into the world of HTML and CSS layouts — learn how they work together and get an overview of display properties like inline block and flexbox.

Accessibility on the web

Learn about accessibility on the web and how to create inclusive and accessible sites without writing code.

Freelance web design boot camp

The Freelancer’s Journey is a free, comprehensive course to help you build a successful, fulfilling freelance career in web design.

Moving your business online

A free course on how to take your business online. Serve more clients and generate more revenue in this new environment.