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

Add a Collection List bound to the Categories collection and filter it to match the current blog post's category.
Inside it, nest another Collection List for Blog Posts filtered by the current category and exclude the current post if desired.

You're trying to display related blog posts based on the same Category at the bottom of each blog post page in Webflow, but the category filter option is missing. This happens due to limitations in how Webflow allows you to filter Collection Lists on a CMS Template Page.

1. Understand the Limitation

On a CMS Template Page (e.g., Blog Post Template), Webflow lets you filter Collection Lists based only on the current page's CMS data, not on reference fields within that data.
You're trying to filter a Blog Posts Collection List based on the Category reference of the current blog post, but that category reference lives one level deep, which Webflow doesn't expose for filtering inside a separate Collection List.

2. Workaround Using a Nested Collection List

Add a Collection List and connect it to the Categories collection.
Apply a filter: Only show Categories where Name is equal to Current Blog Post's Category.
Inside that Category Collection List, add a nested Collection List connected to Blog Posts.
Filter the nested Blog Posts list: Only show posts where Category equals Current Category.

This setup allows Webflow to link through the current post → its category → other posts with the same category.

3. Implementation Steps

On the Blog Post Template page, add a Collection List Wrapper and bind it to the Categories collection.
In the Filter settings for the Categories list:
Set: Category is equal to Current Blog Post's Category.
Inside that Category block, drag in another Collection List and connect it to Blog Posts.
In this nested list, filter Blog Posts where:
Category equals Current Category.
Optionally, add an Exclude Current Post filter:
Filter: Where Name (or Slug) is not equal to Current Blog Post's Name (or Slug).

Inside the nested Blog Posts list, design your related post card (thumbnail, title, link, etc.).
Limit the number of related items (e.g., set a limit of 3 or 4).
Add sorting if needed (e.g., by Date descending).

5. Points to Remember

You can only nest two levels of Collection Lists in Webflow.
This method only works if each blog post has one Category (reference field, not multi-reference).
Webflow won’t allow multiple nested Collection Lists on the same page, so use this workaround only once per page.

Summary

To display related posts by category on a blog post page in Webflow, use a two-level nested Collection List: filter the outer list by the current post’s category, then display blog posts inside that category. This bypasses the limitation of not being able to filter directly by a referenced field on the current CMS item.

Webflow Resources

Webflow templates

Webflow inspiration

Rate this answer