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 and bind its elements (like images or text) to CMS fields.
- Insert a Link Block or Button inside each item, set it to link to the Current Collection Item, then publish the site to enable dynamic navigation.
To link your Latest Work section on the homepage to individual CMS item pages, you need to connect elements (like images or buttons) inside a Collection List to the corresponding CMS Template Pages.
1. Add a CMS Collection List to the Homepage
- Drag a Collection List onto your homepage from the Add panel.
- Choose your CMS Collection, such as “Projects” or “Portfolio Items.”
- Webflow will auto-repeat the content based on each CMS item.
2. Bind Elements to CMS Fields
- Inside the Collection List, add elements like images, headings, or text blocks.
- Click each element, then bind it to a field from the CMS (e.g., image field, name, category).
3. Link to the CMS Template Page
- Add a Link Block or Button inside the Collection Item.
- With the link selected, go to the Element Settings panel.
- Under Link Settings, choose Current [Collection Name] — this links directly to that item's CMS template page.
- Example: If your Collection is “Projects,” select Current Project.
4. Style Your Section
- Customize the layout using Flexbox or Grid.
- Style individual elements to match the rest of your homepage design.
5. Publish Your Site
- Click Publish in the top right to preview the working links.
- Clicking any item in the Latest Work section should now take users to the matching CMS page.
Summary
To link your Latest Work section to CMS pages, use a Collection List on the homepage, bind the content, and link each item with a Link block or Button set to Current Collection Item. Publish to test the dynamic routing.