How can I link a text field to a page based on the CMS category?

[johannaregardh (Johanna)]

Hi! I’m in a deep CMS mess, and hoping someone will be able to help me.

I’m trying to achieve a blog with visible categories in each post such as on this blog;
https://www.itsnicethat.com/ (where the purple boxes lead to a category page)

However, having tried several different ways, i have no idea how to both
1 - create a button/text field where the text links to the CMS category (i.e category name)
2 - make sure this links to its respective category

I’m attaching a few images of the project. I think at this point I’m in such a mess that sharing my project might be pointless - rather if anyone has any ideas of how to set this up step-by-step (really dumb it down for me!) from scratch, I’d be eternally grateful!

To clarify - it’s the boxes within the post (city guide, art, barcelona etc) that I’d like to link to its respective page, where all posts tagged with the same category will show.

Thank you!! xx

(Here’s the link anyway though, just in case)

---

[mikeyevin]

You’ll want to update your Collection structure to use multi-reference fields instead of simple dropdown fields like you’re using now. A second Collection would then contain all of your “Post Categories” and then you can relate one or more of those to each blog post as needed.

If you haven’t done so already, I’d strongly recommend taking a peek at the multi-reference field lesson in the University:

Multi-reference field | Webflow University

Once that change has been made, you’ll just need to nest another Collection List within the Collection Item and pull the data from your “Category” Multi-reference Field so that you can display the multi-reference field data assigned to the multi-reference field:

https://webflow.com/blog/nested-collection-lists-are-here

That should help get you going but don’t hesitate to reach out if you run into any issues or have any questions