Intro to Webflow CMS

The UI in this lesson may seem different if you've enables the Style Panel Beta! This content will be updated soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
Intro to Webflow CMS

A CMS (content management system) is a place where all the dynamic content is stored and maintained. The website references that dynamic content on different pages. So anytime you or your client creates or changes any content in the CMS, it updates all the pages where it’s referenced, instantly.

Webflow's "visual" content management system — CMS, enables you to create carefully structured content, design around that content, and easily update it all — without touching a line of code.


Structure dynamic content

Everything starts with creating a Collection. It can be a collection of blog posts, team members, job postings—any type of content you want.

Define fields

When you create a Collection, you decide what kind of structure each item in that Collection will have. For example, if you’re creating a collection of “team members”, you might need a name, a picture, and an email for each member. You can create a field for each type of content—in this case it’s a plain text field, an image field, and an email field.

Learn more about: using collection fields to structure your collections.

Create content

Once the fields are in place and your Collection is created, you can start creating Collection items. For example, after you created your “Team Members” Collection, you can start creating each team member. For each team member you’ll fill out the fields you defined earlier.   

You can also import a large number of items at once by importing a CSV file or even quickly create items with dummy content.

Learn more about: creating and structuring collections.


Reference dynamic content

Now that your Collection is structured and you have some items in it, you can begin to start adding that dynamic content to your project. There are two ways to do this:  build a collection list, or build a collection page.

Collection lists

The collection list element lets you add content from any Collection. It can be dropped on any page and once it’s connected to a Collection, all the content in that collection is available to you. You can show specific items based on values in the fields and you can sort the content.

Learn more about: building and designing collection lists.


Collection pages

A collection page is automatically created for every item in your Collection. Just like with collection lists, you can reference any field in each collection item’s page. Editing one of the collection pages for a Collection will update all of them instantly, but with their respective content.

Learn more about: building and designing collection pages.

Edit dynamic content

You can edit or add more content to your Collection at any time. This can be done from the Designer, or you can use the Editor. The Editor lets collaborators login and access these collections. This makes it quick for client’s to add and edit content directly on the live website.

Learn more about: modifying a collection.

Browser support

Can I Use ? Data on support for the feature across the major browsers from

Was this helpful?

Thanks for the feedback! If you can, please add additional feedback below.

Oops! Something went wrong while submitting the form

Thank you! Your feedback has been received!

Oops! Something went wrong while submitting the form