How can I display newsletter posts alongside blog post categories on the Webflow Category template page, when the categories match?
TL;DR
- Set up separate collections for blog posts and newsletters, both referencing a common categories collection.
- Add Category reference fields in both collections and assign matching categories.
- Customize the Category Template page by adding and filtering Collection Lists for both blog posts and newsletters to display content matching the current category.
- Arrange and style the Collection Lists, then test to ensure correct display across categories.
To display newsletter posts alongside blog post categories on the Webflow Category template page, follow these steps:
1. Set Up Your Collections
- Ensure you have two separate collections: one for blog posts and another for newsletters.
- Create a matching categories collection, which should be referenced by both the blog posts and newsletters collections.
2. Link Categories to Posts
- Add a Category reference field in both the blog posts and newsletters collections to connect them to your categories collection.
- Assign matching categories to both blog and newsletter posts to ensure they can be grouped together on the category template page.
3. Customize the Category Template Page
- Go to the Template page associated with your categories collection.
- Add a Collection List for blog posts and filter it to only show items where the category equals the current category.
4. Add Newsletters to the Page
- Add a second Collection List for newsletters on the same template page.
- Filter this Collection List to only return items where the category matches the current category, similar to the blog post list.
5. Design Layout
- Arrange the Collection Lists visually to properly display both blog and newsletters.
- Customize the design via styles to make sure the posts are easily distinguishable and visually appealing.
6. Test the Page
- Publish your site to test if the Category Template page correctly displays both blog and newsletter posts.
- Check various categories to ensure each displays the relevant posts.
Summary
To display newsletter posts alongside blog posts in Webflow Category pages when categories match, set up reference fields in your collections to link them with a shared category collection. Use separate Collection Lists for blog and newsletter posts in the template page, filtering each to show content for the current category.
