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.
The CMS is how we control and work with our dynamic content. In the Webflow CMS, the data structure is very straightforward, and we'll build from the bottom up:
At the very bottom, we have our content fields. These fields let us capture or input content – whether we're doing this one-by-one, or by importing a CSV with a ton of data. All that content is put in fields.
Of course, we're usually dealing with multiple items, each of them made up of these fields, and those items are all grouped together into a collection. A collection is the top-level container for our content.
So: if we have a collection of team members, each team member is an item. Each item (or team member) has fields of content.
That's the structure of the Webflow CMS.
Ready to use that collection in a project? Two ways to do that: we can use a Collection List, which lets us drop in collection content anywhere. And, of course, we have Collection Pages. Design one Collection Page, and your other collection items will follow suit — Collection Pages are automatically created for each collection item.
When you’re using collection lists or collection pages, they can be designed in any way to fit your brand.
You can change or add more content to your collection at any time. You can do this from the Designer, or, you can use the Editor. The Editor lets collaborators log in and access these collections, which makes it quick to add blog posts, employees, news. All of this plugging into the fields you created. Or, collaborators can edit content right on the live website. Press Publish from the Editor? And that content is now live.
Now. We've created detailed content for each aspect of the Webflow CMS, but here we've covered the basics:
We have collections, which contain each item made up of fields. We can use any of the content from these collections in our project, whether it's the Collection List element or Collection Pages. And we have the Editor: a powerful way for site owners to add or change content, and publish to bring that content live.
A CMS (content management system) is 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 structured content, design around that content, and update it all — without touching a line of code.
Everything starts with creating a Collection. It can be a collection of blog posts, team members, job postings—any you want.
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 team 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.
Once the fields are in place, and you create your Collection, you can start creating Collection items. For example, after you created your “Team Members” Collection, you can begin 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 create items with dummy content.
Learn more about: creating and structuring collections.
Now that you've structured your Collection and have some items in it, you can begin adding that dynamic content to your project. There are two ways to do this: build a Collection list, or build a Collection page.
The Collection list element lets you add content from any Collection. Drop the Collection list element 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.
A Collection page is created automatically for every item in your Collection. 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, but with their respective content.
Learn more about building and designing collection pages.
You can edit or add more content to your Collection at any time. Editing or adding content can be done from the Designer, or you can use the Editor. The Editor lets collaborators login and access these Collections. Using the Editor makes it quick for clients to add and edit content directly on the live website.
Learn more about modifying a collection.
Something went wrong while submitting the form. Please contact support@webflow.com