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.

The Webflow CMS gives you full control over your content structure and how this content is designed throughout your project—all without touching a line of code.

 

Structuring dynamic content

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

Defining 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.  

Creating 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 on creating and structuring collections.

 

Referencing 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.

Editing 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.