How can I make related posts appear on my individual blog page in Webflow? I have two collections: one with all my blog posts and another with my categories. I have created a reference for "Category" in the blog posts collection that links to the second collection. When I try to create a new collection list at the bottom of the individual blog page and filter the posts to match the category of the current post, there is no option to filter by category. I have already reviewed various resources and tutorials but haven't found a solution. Can someone please assist me?

TL;DR
  • Use a multi-reference field (e.g., "Related Posts") in your Blog Posts collection to manually select and display related posts via a nested Collection List on the Blog Post template.  
  • For small-scale setups, add static filtered Collection Lists per category with visibility conditions based on the current post’s category.

You're trying to show related blog posts based on a shared category reference, but Webflow’s CMS filtering inside a Collection page has limitations when referencing references of references (i.e., filtering dynamically by a reference field from the current item).

Here’s how you can work around this using Webflow’s native capabilities.

---

1. Understand the Limitation

  • On an individual Blog Post Template Page, you’re binding content from the current blog post (e.g., title, body, and its Category, which is a reference field).
  • When adding a Collection List of other blog posts at the bottom, you want to filter that list by posts with the same category as the current post.
  • Problem: Webflow currently does not allow dynamic filtering of a Collection List by comparing one item’s reference field (like Category) to the current CMS item. It only allows filtering by static filter values or by references to the current page, but not across reference fields.

---

2. Workaround: Nest Collection Lists Using Multi-Reference

Since Webflow doesn’t support dynamic filtering from referenced fields, you'll need to restructure your CMS slightly.

  • Convert your Category reference field into a multi-reference field in your Blog Posts collection.
  • This works because multi-reference fields allow "reverse lookup" nesting on CMS Template pages.
  • Then, on the Category Template page, you’ll be able to show all posts in that category.
  • But for your current case (individual blog post), here’s the workaround:

---

3. Use Nested Collection Lists on the Blog Post Template

  • Add a Multi-Reference Field (e.g., Related Posts) to the Blog Posts collection:
  • When you create/edit each blog post in the CMS, manually select related posts.
  • This gives you full control and allows you to nest a Collection List on the Blog Post template.
  • On the Blog Post Template Page, add a Collection List and choose the Related Posts multi-reference.
  • You can now display titles, links, images, etc., of the manually linked related posts.

---

4. Optional: Build a Static Filtered Section Per Category (if Categories Are Few)

  • If you have a limited number of categories, you can create static filtered Collection Lists:
  • Add a Collection List of blog posts on the Blog Post template.
  • Filter the list by a specific category, e.g., "Tech".
  • Set visibility conditions (e.g., only show this Collection List if the current post’s category is "Tech").
  • Repeat for other categories.
  • This works only for small scale use and not dynamic or scalable for large sites.

---

Summary

Webflow doesn’t support filtering a Collection List on a CMS page by matching reference fields (like filtering posts where Category = Current Post’s Category). To work around this:

  • Use a multi-reference field to manually link related posts and display them using a nested Collection List.
  • Alternatively, set up category-based static filtered lists if you have a limited number of categories.

For full dynamic filtering capabilities by reference field values, you’d need to use third-party tools like Jetboost or custom code with Webflow CMS API.

Rate this answer

Other Webflow Questions