CMS Collection Pages

Collection Pages in Webflow are dynamic page templates that automatically generate a unique page for every item in a CMS Collection. If you have a Blog Posts collection with 50 items, Webflow creates 50 individual pages from a single template — each populated with that item's specific content.

To create a Collection Page, you first need a CMS Collection set up with the fields you want to display. Then, in the Pages panel, you'll see your collection listed under CMS Pages. Click into it to open the Collection Page template, where you can design the layout that will be used for every item in that collection.

Inside the Collection Page template, you can bind elements to your collection fields using dynamic data. Click on a text element, heading, or image, and in the Settings panel you'll see the option to connect it to a field from your collection. When the page renders for each item, Webflow fills in the real data for that item.

Collection Pages automatically get their own URLs based on the item's slug field. So a blog post with the slug "getting-started" would generate a page at yourdomain.com/blog/getting-started, or whatever URL structure you've configured for that collection.

You can also add elements to Collection Pages that aren't bound to the CMS — static headings, navigation, footers, related content sections. The template is flexible; the dynamic binding is just for the parts that change per item.

Collection Pages are one of the most powerful features in Webflow's CMS, letting you scale content-driven sites without duplicating design work.