Last updated:

May 19, 2026

Map Tooltip on Hover

Tooltips show brief info when the user hovers a pin. Enable Tooltip in Map Interactions in Dynamic Map App and press Save. The element with ncf="maptooltipcontent" holds the content and must not be deleted or duplicated. Style it freely in Webflow. For a click-based alternative, see Map Pop-Ups on Click.

Tooltips display brief information about a map item when the user hovers over its pin.

Dynamic Map showing a tooltip appearing when a user hovers over a location pin.
Dynamic Map showing a tooltip appearing when a user hovers over a location pin.

Enable in Dynamic Map App

  1. In Dynamic Map App, go to Map Interactions and activate Tooltip.
  2. Press Save.

Attributes

The div with ncf="maptooltipcontent" holds the tooltip content. Do not delete or duplicate this element.

Webflow Designer showing the tooltip content div with ncf=maptooltipcontent attribute.
Webflow Designer showing the tooltip content div with ncf=maptooltipcontent attribute.

💡 Everything inside the tooltip can be styled directly in Webflow. For a click-based interaction, see Map Pop-Ups on Click.