Join over
3,500+
Webflow users
 Vitalli Peters Art Director Uros Mikic from Flow Ninja Joel from Jung von Matt TechErwin from Cut The CodeJohn from BX Studio
interactive CMS maps in Webflow
Watch Walkthrough Video

CMS Map Live Demo

See what's possible with on this interactive map demo. Built 100% in Webflow CMS, running smoothly on Dynamic Map.

Must Visits in Berlin
1
of
1
items visible
Clone Project
Mitte
Friedrichshain
Schöneberg
Prenzlauer Berg
Sight
Park
Flea Market
Reset Filter
Arkonaplatz Flea Market in Berlin — shown in Dynamic Map demo
Prenzlauer Berg
Flea Market
Arkonaplatz Flea Market
A charming Sunday market where Berliners hunt for vintage treasures and unique finds.
Boxi Flea Market in Berlin — shown in Dynamic Map demo
Friedrichshain
Flea Market
Boxi Flea Market
A cozy neighborhood market at Boxhagener Platz, ideal for vintage lovers and local crafts.
Brandenburg Gate in Berlin — shown in Dynamic Map demo
Mitte
Sight
Brandenburg Gate
Berlin’s iconic symbol of unity, standing tall as a historic and political landmark.
East Side Gallery in Berlin — shown in Dynamic Map demo
Friedrichshain
Sight
East Side Gallery
A 1.3 km-long open-air gallery showcasing vibrant murals on the remnants of the Berlin Wall.
Grunewald in Berlin — shown in Dynamic Map demo
Schöneberg
Park
Grunewald
Escape the city and explore this vast forest, home to Teufelsberg and peaceful hiking trails.
Holocaust Memorial in Berlin — shown in Dynamic Map demo
Mitte
Sight
Holocaust Memorial
A striking, thought-provoking maze of concrete blocks commemorating the victims of the Holocaust.
Insel der Jugend in Berlin — shown in Dynamic Map demo
Friedrichshain
Park
Insel der Jugend
A hidden island oasis in Treptower Park, perfect for relaxing by the water or renting a kayak.
Liepnitzsee in Berlin — shown in Dynamic Map demo
Prenzlauer Berg
Park
Liepnitzsee
A crystal-clear, turquoise lake north of Berlin, perfect for hiking, cycling, and refreshing summer swims.
Mauerpark Flea Market in Berlin — shown in Dynamic Map demo
Prenzlauer Berg
Flea Market
Mauerpark Flea Market
The ultimate Berlin experience with live karaoke, street food, and second-hand gems.
Müggelberge in Berlin — shown in Dynamic Map demo
Friedrichshain
Park
Müggelberge
Berlin’s highest natural elevation, offering scenic forest trails, stunning lake views, and a perfect escape into nature.
Museum Island in Berlin — shown in Dynamic Map demo
Mitte
Sight
Museum Island
A World Heritage site where world-class museums tell stories of ancient civilizations.
RAW Flea Market in Berlin — shown in Dynamic Map demo
Friedrichshain
Flea Market
RAW Flea Market
A gritty, urban market in a former railway complex, blending street art with eclectic shopping.
Reichstag in Berlin — shown in Dynamic Map demo
Mitte
Sight
Reichstag
The heart of German democracy, featuring a stunning glass dome with breathtaking city views.
TV Tower in Berlin — shown in Dynamic Map demo
Mitte
Sight
TV Tower
Get a panoramic view of Berlin from the tallest structure in Germany.
Wannsee in Berlin — shown in Dynamic Map demo
Schöneberg
Park
Wannsee
A picturesque lake offering sandy beaches, boat trips, and a glimpse of Berlin’s summer paradise.
Mitte
Friedrichshain
Schöneberg
Prenzlauer Berg
Sight
Park
Flea Market
Reset Filter

Dynamic Map Style Guide (Don't Delete)

Please modify your styling elements here to change their appearance on the live website. The styleguide is invisible on the published site.
Change the active state for your list item
Default State
List Item Default
Active State [add class "active"]
List Item Active

Filter Reset / Empty State

Style your empty state
There are no Must Visits using this filter combination.
Reset Filter

Pop-Up

Change Pop-Up style here. Hide in Dynamic Map App.

Tooltip (Don't Delete)

Change Tooltip style here. Hide in Dynamic Map App.
Arkonaplatz Flea Market
A charming Sunday market where Berliners hunt for vintage treasures and unique finds.
Arkonaplatz Flea Market in Berlin — shown in Dynamic Map demo
Arkonaplatz Flea Market
Boxi Flea Market
A cozy neighborhood market at Boxhagener Platz, ideal for vintage lovers and local crafts.
Boxi Flea Market in Berlin — shown in Dynamic Map demo
Boxi Flea Market
Brandenburg Gate
Berlin’s iconic symbol of unity, standing tall as a historic and political landmark.
Brandenburg Gate in Berlin — shown in Dynamic Map demo
Brandenburg Gate
East Side Gallery
A 1.3 km-long open-air gallery showcasing vibrant murals on the remnants of the Berlin Wall.
East Side Gallery in Berlin — shown in Dynamic Map demo
East Side Gallery
Grunewald
Escape the city and explore this vast forest, home to Teufelsberg and peaceful hiking trails.
Grunewald in Berlin — shown in Dynamic Map demo
Grunewald
Holocaust Memorial
A striking, thought-provoking maze of concrete blocks commemorating the victims of the Holocaust.
Holocaust Memorial in Berlin — shown in Dynamic Map demo
Holocaust Memorial
Insel der Jugend
A hidden island oasis in Treptower Park, perfect for relaxing by the water or renting a kayak.
Insel der Jugend in Berlin — shown in Dynamic Map demo
Insel der Jugend
Liepnitzsee
A crystal-clear, turquoise lake north of Berlin, perfect for hiking, cycling, and refreshing summer swims.
Liepnitzsee in Berlin — shown in Dynamic Map demo
Liepnitzsee
Mauerpark Flea Market
The ultimate Berlin experience with live karaoke, street food, and second-hand gems.
Mauerpark Flea Market in Berlin — shown in Dynamic Map demo
Mauerpark Flea Market
Müggelberge
Berlin’s highest natural elevation, offering scenic forest trails, stunning lake views, and a perfect escape into nature.
Müggelberge in Berlin — shown in Dynamic Map demo
Müggelberge
Museum Island
A World Heritage site where world-class museums tell stories of ancient civilizations.
Museum Island in Berlin — shown in Dynamic Map demo
Museum Island
RAW Flea Market
A gritty, urban market in a former railway complex, blending street art with eclectic shopping.
RAW Flea Market in Berlin — shown in Dynamic Map demo
RAW Flea Market
Reichstag
The heart of German democracy, featuring a stunning glass dome with breathtaking city views.
Reichstag in Berlin — shown in Dynamic Map demo
Reichstag
TV Tower
Get a panoramic view of Berlin from the tallest structure in Germany.
TV Tower in Berlin — shown in Dynamic Map demo
TV Tower
Wannsee
A picturesque lake offering sandy beaches, boat trips, and a glimpse of Berlin’s summer paradise.
Wannsee in Berlin — shown in Dynamic Map demo
Wannsee

Filter Chip

Change the active state for your filter chip
Default State
Mitte
Sight
Active State [add class "active"]
Mitte
Sight

Map Location Pin

Change pin style and states
Default State
Hover State [add class "hover"]
Active State [add class "active"]
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Favorit Button

Documentation
Default State
Active State
Disabled State

Everything you need to build a Webflow CMS map  

An overview of the most important features available to help you create an interactive map with Webflow CMS.

Your CMS items on an interactive Map

Everything in the Dynamic Map for Webflow is built CMS-first, seamlessly connecting your map to your Webflow CMS collections.

Webflow Designer Navigator panel showing the CMS-connected structure of a Dynamic Map element for Mobile Devices
Webflow Designer Navigator panel showing the CMS-connected structure of a Dynamic Map element

Location Pins

Use custom-designed location pins or assign unique pins for each individual collection list item to match your project’s style.

Custom location pin with a price label, configured directly in the Webflow Designer

Custom Map Style including Google Maps and Mapbox

Create a map that fits your brand by customizing it with Mapbox or Google Maps. You can also choose OpenStreetMap as an open-source alternative.

Dynamic Map rendered with custom Webflow Maps styling, showing London

Interactive Pop-Up and Tooltips

Design CMS-connected pop-ups and tooltips to display additional details about your location items directly on the map.

Map pin pop-up showing a property listing image and tooltip, designed in Webflow

Unlimited Items

Perfect for large-scale projects, you can add more than 1,000 CMS items to your map seamlessly.

Webflow CMS Collections panel showing a Locations collection with 1,472 items

Map Controls

Customize map controls, such as zoom buttons, to enhance the user experience.

Map zoom in and zoom out controls

Filtering, Sorting and Address Search

Add robust filtering, sorting, and a live address search functionalities to your map to create a highly interactive and user-friendly experience.

Address search field with radius selector and category filter chips on a Webflow map

Style Nativley in Webflow

Style every aspect of your map directly in Webflow Designer without needing to write any code. Tailor the map’s look to match your brand.

CMS image styled inside Dynamic Map's list item in the Webflow Designer

See all features. Or try them out.

Dynamic Map grew over the last 3 years and got better with each new user. If you want to build a reliable, feature-rich and UX-first map experience, this is the tool for you.

Dynamic Map App's Filter and Sorting panel with category filters, address search, and radius options, alongside the Webflow Designer Navigator

Dynamic Map Pricing Plans

Free to set up and use until your site is live on a custom domain. You can connect as many Webflow accounts to your No Code Flow account as you want. Each live domain requires a separate seat.

Staging Domain
Free
Forever when you test
Build and test your map for free on your webflow.io staging domain.
Free forever on Webflow.io domain
Implement and test Dynamic Map on your Website before going live
Access to implementation help and guidelines.
Start for Free
Live Domain
Most Popular
$19/mo
or $190 yearly (save 17%)
Pay when you launch. One license seat includes one live domain.
Up to 100K monthly traffic per live domain
Pay per domain after your site goes live
Easily add or change domains
Priority support in case of errors
Start for Free
Enterprise Domain
$58/mo
or $580 yearly (save 17%)
Ideal for bigger projects with heavy traffic.
Up to 1M+ monthly traffic per live domain
Optional custom feature requests and project support
Optimized performance for traffic spikes
Enterprise priority support
Get Enterprise
Custom Map Builds
by NCF Studio
Need a custom map for your Webflow project? Let our team build it for you – tailored to your needs.
Built on top of Dynamic Map for Webflow or as a fully custom implementation — you decide.
Request advanced features like Smart Clustering, Route Planning, or Enterprise-grade performance.
Custom map interactions for any use case — directories, store locators, real estate listings, and more.
Fast delivery and white-label options for agency projects.
Request Custom Map Build

Frequently Asked Questions

Find answers to your questions about Dynamic Map for Webflow

What is Dynamic Map for Webflow?

Dynamic Map is a Webflow App that turns any CMS collection into a fully interactive location map without any custom code. It's a true plug-and-play solution.

Each CMS item becomes a pin / location marker on the map. You can choose between Google Maps, Mapbox, MapLibre or OpenStreetMap as your map provider, design custom map styles, add filtering and address search, and style everything directly in the Webflow Designer.

Used by 3,500+ Webflow designers and developers to build store locators, real estate listings, travel guides, dealer finders, and more.

How do I add an interactive map to a Webflow CMS collection list?

Add Dynamic Map App from the Webflow Marketplace, connect it to your CMS collection, and your items automatically appear as location pins on the map. No JavaScript or custom code needed, and everything is set up through the Dynamic Map App and styled directly in the Webflow Designer.

Can I build a store locator in Webflow with multiple locations?

Yes. Add your store locations as CMS items, connect Dynamic Map, and your visitors get a fully interactive store locator, with address search, category filters, and pop-ups showing store details. No coding required. Clone our free Store Locator template to get started in minutes.

What types of maps can I build with Dynamic Map?

Any map where locations come from a Webflow CMS collection. The most common use cases: store and dealer locators, real estate property listings, travel guides, event maps, healthcare facility finders, job location maps, and partner directories. If your data has an address or coordinates field in Webflow CMS, Dynamic Map can put it on a map.

Is there a limit on how many CMS items or map pins I can add?

No hard limit. Dynamic Map handles 1,000+ CMS items per project without performance issues, which covers most store locators, real estate platforms, event maps, and travel guides. For very large datasets or high-traffic projects, we do offer Enterprise features that include optimized performance settings designed for maps with 1M+ monthly visitors.

Do I need to know how to code to use Dynamic Map?

No. Dynamic Map is built specifically for Webflow users who want to add interactive CMS-driven maps without writing custom code. Setup is done through the Webflow interface and the Dynamic Map app panel. A Quick Start Guide and full documentation are available to walk you through the setup from scratch.

Can I try out Dynamic Map for free?

Yes, you can implement Dynamic Map and all other No Code Flow components for free on any number of websites, as long as they’re hosted on a Webflow.io staging domain.

You can learn which plans are available once you go live on the pricing page.

How is Dynamic Map different from Webflow's built-in Google Maps element?

Both solutions are built natively for Webflow, but serve different purposes:

Webflow's native Google Maps element embeds a static map with a single pinned address: this works alright for a simple "Contact Us" page.

Dynamic Map, on the other hand, renders your entire CMS collection as individual pins with real-time filtering, address search, custom pin styles, and interactive pop-ups.

It’s the difference between a static embed and a fully immersive map experience. Learn whether to use Dynamic Map or Webflow's native Google Maps element in our Implementation Guide

When should I build a Webflow map myself, with AI, or use Dynamic Map?

It depends on what you need. For a simple one-off map with a single pinned address, Webflow's built-in Google Maps element is enough – no app required.

For a custom-coded solution (whether you write it yourself or generate it with AI), you can get something running. To build a map in Webflow with the set of features Dynamic Map offers can take up to multiple days though. And even it's not guranteed to run smoothly.

Additionally, you take on all the maintenance: debugging in case something randomly, handling edge cases, fixing iOS / Safari updates, and keeping the code working when Webflow ships updates. Most projects underestimate this. What looks like a one-day build often turns into weeks of ongoing fixes.

Dynamic Map covers the cases where you need CMS-driven pins, real-time filtering, address search, custom pop-ups, and reliability across Webflow updates. It's a maintained Webflow App with continuous updates, real support, and tested compatibility – so your map keeps working without your involvement. For most production Webflow projects, the time saved in the first week pays for the entire year of use. And the reliability of Dynamic Map will lead to client satisfaction compared to a custom build that breaks easily.

Can I filter map pins by category, tag, or any other CMS field?

Yes. Dynamic Map connects directly to your CMS fields. Any field in your collection (category, type, tag, neighborhood, price range) can become a filter. Visitors can combine multiple filters to narrow down the pins they see in real time, without any custom code.

What's the difference between Google Maps and Mapbox in Dynamic Map?

Both are fully supported. Google Maps gives visitors the familiar interface they already know. Mapbox gives you more control over styling like custom tile layers, unique color schemes, and a more distinctive visual look. OpenStreetMap and MapLibre are also available as free and open-source options. You can switch between providers at any time in the Dynamic Map App settings.

Can I show a pop-up with CMS content when a map pin is clicked?

Yes. Dynamic Map supports both pop-ups (on click) and tooltips (on hover). You design the pop-up layout directly in Webflow using standard CMS-connected elements like images, text, links, tags and Dynamic Map displays it when a visitor clicks the pin. No custom code needed.

No Custom Code

All Webflow components work without any coding knowledge. Just use Webflow like you're used to.

Webflow CMS First

All components are built as Webflow Apps for Webflow-CMS and can be styled right within the Webflow Designer.

Professional Support

Check the Help Center, easy to use docs or request free E-Mail support in case you get lost.

Ongoing Updates

Constant maintenance, updates and enhanced features as well as new Webflow components.

Become an expert in building with Dynamic Map for Webflow

Cover image for the Dynamic Map guide on using Google Maps in Webflow

Dynamic Map Guide: Use Google Maps in Webflow

Get started with Google Maps in Webflow by learning how to build interactive maps with Dynamic Map for Webflow or use Webflow's default Google Maps element
Cover image for the Dynamic Map guide on integrating Mapbox with Webflow

Dynamic Map Guide: Integrate Mapbox with Webflow

Get started with Mapbox in Webflow by learning how to create interactive, CMS-powered maps using Dynamic Map for Webflow
Cover image showing the Dynamic Map App configured for a store locator inside the Webflow Designer

Dynamic Map Guide: Build a Store Locator in Webflow

Learn how to build an interactive Store Locator natively in Webflow using the Dynamic Map app. Elevate your retail experience.
Real estate template with property listings and a map of Italy showing location markers, built with Dynamic Map for Webflow

Real Estate Property Webflow Template

Display property listings on an interactive map directly from your Webflow CMS. Each listing becomes a pin. With price, type, and images visible on click. Filter by property type, price range, or location radius. Built natively in Webflow, no third-party embeds needed.
Interactive Store Finder template with location list and dark London map view, built with Dynamic Map for Webflow

Store Locator Webflow Template

Dynamic Map is the fastest way to build a CMS-powered store locator in Webflow. Add your locations as collection items, connect Dynamic Map, and your visitors get address search, category filters, and clickable pop-ups. All without writing a line of code. Clone our free Store Locator template to launch in minutes.
Berlin travel guide template with location cards and an interactive map of must-visit sights, built with Dynamic Map for Webflow

Travel Guide Webflow Template

Build an interactive travel guide where every CMS item, a restaurant, sight, or hidden gem, becomes a pin on the map. Visitors filter by category, click pins for details, and explore your content spatially. Clone our free Berlin Travel Guide template to see it in action.
YouTube tutorial thumbnail for Dynamic Map, showing red location pins on a city street map

Walkthrough Video

Learn how to build interactive Maps in Webflow with the Youtube Walkthrough

Cover image for Dynamic Map free cloneable templates and additional resources
Dynamic Map Resources

Additional Resources

Free cloneable templates and other useful resource for Dynamic Map

Dynamic Map for Webflow documentation page with Quick Start, Advanced Features, and implementation help

Developer Documentation

Learn the details about how to use Dynamic Map for Webflow in the Developer Docs