Build CMS Maps Directly in Webflow
Turn your CMS Collections into filterable, interactive maps in Webflow with the power of Mapbox and Finsweet Filtering
Live Demos
Features
Map Themes
Style your map to match your brand using the Mapbox Studio or use one of the many pre-built themes such as Dark, Satellite, North Star and more.
Build in Webflow
Don’t interrupt your flow. Design, build and manage all map elements from within Webflow. No need to connect with yet another no-code platform.
Your CMS on the Map
Add a map to any location-based CMS Collection. Be super precise by adding coordinates or use an address and let our native geocoding do it for you.
Custom Markers & Popups
Add further customisation by using static or dynamic content as markers and popups. Leverage the CMS to build with text, images, rich-text and anything else you can think of.
Filterable with Finsweet
The Finsweet Attribute solutions are F'in epic so we've built our maps to work natively with them. Add their cmsfilters to the Collection List as you usually would and boom! Filterable markers.
Epic Actions Library
Add interactivity to items and markers with our library of pre-built Actions. On hover or click, zoom into a marker, open a popup, highlight an item, or any other Action from our growing list of options.
How it Works
Step #1: Build in Webflow
Your map, list items, markers and popups are all built within the Webflow Designer and this gives you complete control of how everything looks, feels and functions.
Step #2: Grab your Mapbox Access Token
The one thing you'll need from outside of Webflow is a Mapbox access token. You'll be able to get this from your Mapbox account but don't worry, we'll walk you through how to get it.
Step #3: Add the <script> & Attributes
Once you have your access token, add the EP!C Maps <script> to your page's custom code and add the epic-map-element attributes to your map elements. We'll take care of the rest!
Step #5: Customise with Options & Actions
With a library of pre-built Options and Actions, make your map truly unique and just how you like it. Open a marker's popup on hover, fly to an item's marker when clicked, and many more.
Pricing
Free on Staging
Build, test and refine your maps on any Webflow site's staging domain without restrictions. You'll only need to grab a license once you're ready to go live!
Live Site License
One license per domain to cover all of the maps on your site.
Custom Setup
Want something unique? Or just want us to take care of everything? Let us know what you need and we'll build something epic together!