How can I display newsletter posts alongside blog post categories on the Webflow Category template page, when the categories match?
TL;DR
- Add a Category reference field to both Blog Posts and Newsletters, linking them to the same Blog Category collection.
- On the Category Template page, add two Collection Lists—one for Blog Posts and one for Newsletters—each filtered to show items where the Category equals the Current Category.
To display newsletter posts alongside blog post categories on a Webflow Category Template page, you'll need to structure your CMS and apply conditional filtering based on matching categories.
1. Set Up Matching Reference Fields
- In the Newsletter CMS Collection, add a Category field (must be a Reference or Multi-Reference) that connects to the Blog Categories collection.
- Make sure each Newsletter item is assigned the relevant Blog Category.
2. Design Your Category Template Page
- Go to the Category Template page (found in Pages panel under Collection Pages).
- This page dynamically loads content based on the current Blog Category.
3. Add a Collection List for Blog Posts
- Drag a Collection List onto the Category page and connect it to your Blog Posts collection.
- Apply a Filter: Category (equals) Current Category.
- Style it as needed.
4. Add a Collection List for Newsletters
- Drag another Collection List onto the same Category template page.
- Connect it to your Newsletters collection.
- Apply a Filter: Category (equals) Current Category.
- This ensures newsletters with the same category as the blog category are displayed.
5. Confirm CMS Relationships
- In both CMS collections (Blog Posts and Newsletters), the Category field must reference the same Blog Category collection.
- If using Rich Text fields, make sure they are wrapped in Elements that have correct CMS bindings and filters.
Summary
To show related newsletter posts on a Category Template page, make sure both Blog Posts and Newsletters share a reference to the same Blog Category, then use Collection Lists filtered to the Current Category. This way, Webflow dynamically includes both types of content when the category matches.