Last updated:
May 19, 2026
CMS Category Pins
CMS Category Pins give each CMS option field category a distinct pin style with full hover and active state support. Create an Option field in your CMS, set up a category filter in Dynamic Map App, duplicate the default pin, apply the combo class ncf-[field_name]-[field_value], and style it in Webflow. For assigning unique icons to individual items instead, see Custom Pins for Individual Items.
Create different pin types for each CMS category using category pins.
When to Use Custom Pins Instead
💡 Use Custom Pins for Individual Items if each pin needs a unique image icon regardless of category.
Video Tutorial
Setup
Create Option Field
Create Category Filter in Dynamic Map
- Create a new Category Filter in Dynamic Map App based on your option field.
- Press Save.
💡 You can hide the filter element with Display: None if you don't need visible filter UI.
Duplicate the Default Pin
Add Category Pin Combo Class
Name the class: ncf-[option_field_name]-[option_field_value]
Example: ncf-category-pop_up
Find the exact field name in the list item code embed:
Style in Webflow
Add Hover and Active States
Troubleshooting
If category pins aren't working after renaming, make sure your CSS combo class still uses the original naming from the Dynamic Map code embed.
