Last updated:

May 19, 2026

Map Pop-Ups on Click

Pop-ups appear when a user clicks a location pin and display detailed CMS content. Enable Pop-Up in Map Interactions in Dynamic Map App and press Save. The element with ncf="mappopupcontent" holds the content; ncf="mappopupclose" handles dismissal. Both can be freely styled in Webflow. For hover-based info display, see Map Tooltip on Hover.

A pop-up displays detailed information when a user clicks a pin on the map.

Dynamic Map showing a pop-up appearing after a user clicks a location pin, displaying CMS item details.
Dynamic Map showing a pop-up appearing after a user clicks a location pin, displaying CMS item details.

Enable in Dynamic Map App

  1. In Dynamic Map App, go to Map Interactions and activate Pop-Up.
  2. Press Save.

Elements and Attributes

Pop-up Contentncf="mappopupcontent": Contains all pop-up content. Do not delete or duplicate.

Webflow Designer showing the pop-up content div with the ncf=mappopupcontent attribute.
Webflow Designer showing the pop-up content div with the ncf=mappopupcontent attribute.

Close Buttonncf="mappopupclose": Closes the pop-up on click. Clicking outside also closes it.

Webflow Designer showing the pop-up close button element with ncf=mappopupclose.
Webflow Designer showing the pop-up close button element with ncf=mappopupclose.

💡 Everything inside the pop-up can be styled directly in Webflow. For hover-based info, see Map Tooltip on Hover.