Disclaimer: Webflow might have undergone some changes in their UI, if you come across one, don't hesitate to reach out and we'll figure it out together
Part 1: starting a project and getting your pages ready 🌶
Before we can start we need to get a good setup. This is what this step is about.Nothing super exciting, but very necessary to be able to go forward.
Part 2: The navigator, adding a section and adding a container 🌶🌶
Making your page ready to start building a CMS
Part 3: Setting up a CMS collection 🌶🌶
Part 4: adding a collection list to your page 🌶🌶🌶
In the previous step you created a collectoin with several collection list items. Each list item contains a title, a thumbnail image, some text and an image collection. However we can’t see them yet on our page. In this step you can get this lists and images and texts, loaded in your page
Part 5: Setting up a Collection Page 🌶🌶🌶🌶
A collection page is a page where you can call all the data from your collection to your website. Meaning that if you just create the collection, and you have for instance 10 instances, you don’t need to create 10 pages. You can just set up 1 page layout, set up the links (which is explained in Part 4) and you will be good to go.
The things we are going to set up now, are not going to look super pretty. That is okay, the focus for now is to understand how to set up a CMS. We can add styling later.
Part 6: Styling 🌶🌶🌶🌶🌶
If you made it this far, good job! 🙌🏻
Feel free to now go ahead and build and style your page to your liking.
You can start from scratch or find a template to your liking.
If you need some guidance in terms of styling in webflow you can use - you can jump to the “styling” section for more info.