How can I link my latest work section on the homepage to CMS pages in Webflow?
TL;DR
- Add a Collection List to your homepage, bind it to your CMS Collection (e.g., Projects), and design item layout using CMS-linked elements.
- Wrap each item in a Link Block or Button that links to the Current CMS Collection Page, and optionally apply filters, sorting, or item limits for customized display.
To link a "Latest Work" section on your homepage to individual CMS pages in Webflow, you need to use a Collection List connected to your CMS. Here’s how to do it:
1. Add a Collection List to Homepage
- Go to your homepage in the Webflow Designer.
- Drag in a Collection List from the Add panel.
- Bind the list to your CMS Collection (e.g., “Projects” or “Portfolio Items”).
2. Design the Collection Item Layout
- Inside the Collection List, add elements like Image, Heading, and Text Block to reflect content from the CMS.
- Connect each element to the appropriate CMS field (e.g., Name, Thumbnail, Summary).
3. Add a Link to the CMS Page
- Wrap content in a Link Block or use a Button inside the Collection Item.
- Click the Link Block or Button, then in the Element Settings panel:
- Choose Page → Current CMS Collection Page.
- This automatically links to the corresponding CMS detail page.
4. Filter or Sort (Optional)
- To only show the latest work, apply a filter (e.g., by "Featured" or by Date) in the Collection List settings.
- Use Sorting (e.g., Sort by Date, descending) to ensure the newest items appear first.
5. Limit the Number of Items (Optional)
- In the Collection List settings, check “Limit Items” to control how many works are shown (e.g., limit to 3 for a compact homepage section).
Summary
Connect your "Latest Work" section to CMS pages by adding a Collection List to your homepage, binding it to your CMS Collection, and using Link Blocks or Buttons that point to the Current CMS Collection Page. Apply filters and sorting if needed to show only recent or featured work.
