How can I display newsletter posts alongside blog post categories on the Webflow Category template page, when the categories match?
TL;DR
- Add a Multi-Reference field in the Newsletter collection to link it to Blog Categories and assign relevant categories.
- On the Category template page, add a Collection List for Blog Posts filtered by the Current Category.
- Add another Collection List for Newsletter Posts, filtering items where the Multi-Reference field matches the Current Category.
- Style the layout using Grid or Flexbox to display both blog and newsletter posts seamlessly.
To display newsletter posts alongside blog post categories on a Webflow Category template page based on matching categories, follow these steps:
1. Add a Multi-Reference Field
- Go to Webflow CMS and open the Newsletter collection.
- Add a Multi-Reference field that links to the Blog Categories collection.
- Assign relevant categories to each newsletter post.
2. Modify the Category Template Page
- Open the Category template in Webflow Designer.
- Ensure the current Category page is pulling data from the Blog Categories collection.
3. Add a Collection List for Blog Posts
- Drag a Collection List into the Category template page.
- Connect it to the Blog Posts collection and filter it by the Current Category.
4. Add a Collection List for Newsletter Posts
- Drag another Collection List onto the same page.
- Connect it to the Newsletter collection.
- Apply a filter: Show only items where the Multi-Reference field matches the Current Category.
5. Style and Arrange the Content
- Adjust the layout to display both blog posts and newsletter posts in a structured way.
- Consider using Grid or Flexbox for alignment.
Summary
By linking newsletters to categories via a Multi-Reference field, then filtering two Collection Lists on the Category template, you can display both blog and newsletter posts side by side whenever they share the same category.