intermediatewebflowcms

How to display CMS items on a page?

Flowversity··2 min read

Creating CMS items is only half the equation — you also need to surface them on your site. Webflow offers two main ways to display Collection content: Collection Lists (showing multiple items on a single page) and Collection Pages (one page per item, auto-generated from a template).

Displaying CMS items with a Collection List

A Collection List lets you pull items from any Collection and display them on any page — your homepage, a dedicated section, or a sidebar.

Setting up a Collection List

  1. Open the Webflow Designer and navigate to the page where you want items to appear.
  2. From the Add Elements panel (left sidebar), drag a Collection List onto the canvas.
  3. In the settings modal, choose the Collection you want to display.
  4. Webflow inserts a Collection List Wrapper containing a single Collection Item template.
  5. Design the template — add headings, text blocks, images, and buttons, then connect each element to a Collection field using the purple "Connect to data" bindings in the Settings panel.

Configuring the list

  • Limit items — control how many items appear (e.g., show only the 3 most recent blog posts).
  • Filter — narrow results by field values (covered in a separate article).
  • Sort — order items by date, name, or any field, ascending or descending.
  • Layout — use the Style panel to arrange items in a grid, flex row, or stacked list.

Displaying items with Collection Pages

Every Collection can also have a Collection Page template — a single design that Webflow clones for every item in that Collection.

  1. In the CMS panel, click Create collection page for your Collection.
  2. Design the page layout and bind elements to fields, just like with Collection Lists.
  3. Each item automatically gets its own URL (e.g., /blog/my-first-post) rendered from this template.

The difference: Collection Lists show multiple items in one place. Collection Pages show one item at a time with its own URL. Most sites use both — a Collection List for an index page linking to individual Collection Pages.

Want to skip the build?

Browse 60+ premium templates and launch your site in days, not weeks.

Explore Templates