CMS blog Slug Issues

How to show the correct category slug in the URL when filtering blog posts in Webflow?

I created categories like Award and Customer Retention using a CMS Collection.

I added these categories as filters in my blog list page using a collection list + filter.

But the issue is:

When I click on a filter (like Award), the URL/slug doesn’t change. It just stays like this:

https://voziq.webflow.io/blogs

What I want is:

When I click on the Award filter, the slug should update to something like:

https://voziq.webflow.io/blogs/award

How can I do this in Webflow?

Should I create separate category pages for each category and link them instead of filtering on the same page?
Or is there a way to filter using CMS and also change the URL dynamically?

Please guide me — I want both the blog posts filtered and the correct slug showing in the browser.


Here is my public share link: LINK
(how to access public share link)

  • Create a Category collection which contains your categories
  • In your Blog collection, single-ref to Category, and populate that. Multi-ref is OK too here if that’s more appropriate.
  • Build out the Category collection page, so that it shows all Blogs which are in that Category.

You’d then use https://voziq.webflow.io/category/award to list the articles.

This part is ambiguous, Webflow doesn’t have a “Filter” element. I’m not sure if you’re filtering a collection list, or if you’re talking about a library like Finsweet CMS Filter.

If you’re using FS CMS Filter, and dynamically filtering blog articles on a main /blog page, you can enable FS to show filter settings on the querystring. It will look something like;

https://voziq.webflow.io/blogs?category=award