To display newsletter posts alongside blog post categories on the Webflow Category template page, you can follow these steps:
Step 1: Create a Collection for Newsletter Posts
First, you'll need to create a new Collection for your newsletter posts if you haven't already. Go to the Collections tab in your Webflow project, click "+ Add Collection," and set up the necessary fields for your newsletter posts (e.g., title, date, content).
Step 2: Set Up Categories Field
In both the Blog Post Collection and Newsletter Post Collection, create a field called "Categories". This field will be used to assign categories to each post. You can choose either a multi-reference field or a plain text or option field, depending on your needs.
Step 3: Design the Category Template Page
Go to the Pages tab, find your Category template page, and click on it. Design the page layout by adding and arranging elements as desired.
Step 4: Add Dynamic Lists
Add two dynamic lists to the Category template page: one for blog posts and another for newsletter posts. Drag and drop the Collection List element from the Add panel on the left and select the Blog Post Collection. Set up filtering on the Collection List by adding a Filter setting that matches the chosen category.
Step 5: Populate the Dynamic Lists
Within each dynamic list, add elements (e.g., headline, thumbnail, excerpt) to display the relevant post information. Customize the design of each list using the styling options available.
Step 6: Repeat step 4 and step 5 for the Newsletter Posts
Repeat steps 4 and 5 but with the Newsletter Post Collection List in the other dynamic list. Ensure you apply the same filtering and design properties to the second dynamic list.
Step 7: Test and Publish
Preview the Category template page to see the blog posts and newsletter posts displayed alongside each other when the categories match. If everything looks as expected, publish your site.
With these steps, you should be able to display both blog posts and newsletter posts, matching the categories, on the Webflow Category template page.