How to Pin Featured Posts on Your Webflow Blog
If you're publishing resources or blog posts regularly, your best content will quickly get buried as newer items appear at the top. Pinning featured posts to the top of your listing page is the fix, and it's straightforward to set up in Webflow without any custom code.
Here's how I do it.
Step 1: Add a Featured switch to your CMS collection
Start in your CMS collection settings. Add a new Switch field and name it something like "Featured" or "Pin to top".
Once it's added, go into any collection item you want to feature and toggle the switch on. This is what you'll use to control which posts appear at the top, and you can update it any time without touching the Designer.
Step 2: Sort your collection list by the Featured field
In the Designer, select the Collection List Wrapper for your blog or resources section. In Element Settings, open the Sort settings.
Add a sort rule with the Featured switch field set to On First. This pushes any item with the switch toggled on to the top of the list automatically.
Add a second sort rule underneath it, usually by Published Date descending, to control the order of everything else below the featured items.
If your featured posts still aren't appearing at the top, check whether an existing sort rule is overriding it. Sort rules are applied in order, so Featured needs to be first in the list.
Step 3: Add a Featured label to highlighted posts (optional but useful)
If you want visitors to be able to see which posts are featured, you can add a small label or pill to the card design.
- Create a div block inside your collection item card with your chosen styles, typically a small pill shape with a background colour and a "Featured" text label inside
- With the div selected, go to Element Settings and scroll to Conditional Visibility
- Set it to only show when the Featured switch is On
This means the label only appears on featured posts and hides automatically on everything else, with no manual work needed each time you feature or unfeature a post.
Why this is worth setting up properly
A lot of resource hubs and blogs I look at have genuinely useful content buried on page two or three because the listing defaults to most recent first. If you've put time into a particularly thorough article, a case study or a guide that's highly relevant to new visitors, it should be visible without someone having to dig for it.
The Featured switch gives you a simple, editor-friendly way to control that without rebuilding anything. Your team can manage it directly from the CMS without going near the Designer.
Got a project in mind?
If you are planning a new website or feel your current one is holding you back, I’d be happy to talk it through. Whether you are an architecture practice, consultancy or finance firm, we can explore what you need your site to do, how it should support your clients and what a realistic project might look like for your team.