🗺️
Mapster WP Maps
HomeProExamplesContact
  • Getting Started
    • About
    • Installation
    • Key Concepts
    • Importing/Exporting
    • Guides
      • Your First Map
      • Creating a Crowdsourced Map
      • Set Up Recurring Import
      • Adding a Custom Style
      • Building a Custom Popup
  • Creating Shapes
  • Displaying Maps
  • Maps
    • Map Tiles
    • Initial View
      • Fit to Features
      • Manual Values
      • User Location
    • Map Size
    • Points, Lines, Polygons
    • Clustering
    • Interactivity
    • Controls
      • Basic Controls
      • Geocoding & Geolocation
      • Togglers
      • Other Controls
      • Control Render Order
    • Filters
      • Category Filter
      • Custom Search Filter
      • Filter Dropdown
    • Lists
      • Store Locator
    • Specialty Maps
      • Map Comparer
      • Heatmaps
      • Elevation Profile
      • User Submission
      • Listing Page Map
    • Preloader
    • Developer
      • Javascript
      • Embedding Maps
      • Faster Loading (Cache)
      • Caching
      • Progressive Loading
  • Locations
    • Markers
    • Circles
    • Labels
    • Icons
    • 3D Models
  • Lines
    • Lines
  • Multi Lines
  • Polygons
    • Flat Polygons
    • 3D Polygons
    • Image Polygons
  • Multi Polygons
  • Popups
    • Popup Templates
      • Introduction
      • Layout, Colors, Text, CSS
      • HTML
      • Options
    • Popup Content
  • Pro Sections
    • User Submission
      • Overview
      • Submission Interface
      • Adding Custom Fields
      • Submission Admin
  • Mass Edit
  • Settings
    • General
    • Account Management
  • Advanced
  • Import
  • Tileset Management
  • Developer
    • Mapster Map ACF Field
    • Mapster Map Gravity Forms Field
    • Custom Scripts
    • Hooks
    • Spatial DB & API
    • Internationalization
Powered by GitBook
On this page
  • Enable Popup
  • Popup Template
  • Interaction
  • Popup Header Text
  • Popup Image Type
  • Popup Body Text
  • Render Shortcode [Pro]
  • Popup Button Text
  • Popup Button Action
  • Modal Details [Pro]
  • Open Link on Click
  • Open Popup On Load

Was this helpful?

  1. Popups

Popup Content

Set information into your popup.

PreviousOptionsNextUser Submission

Last updated 1 day ago

Was this helpful?

Popup content is set per-feature that you create. This means that in every geography type (Location, Line, Polygon), there is a Popup section below the main geography options. This is where you can enter the content that will show in your popup.

Enable Popup

Turn this switch on to enable popups on this geography.

Popup Template

You must select a Popup Template in order for Popups to show!

Interaction

Popups can open either on click or hover. If you choose Hover, you can choose whether to keep the popup Open On Hover, preventing it from being closed when the mouse moves off the point. You can also choose whether to enable Click in mobile, since there is no hover in mobile.

Popup Header Text

Set the title header text.

Popup Image Type

You can choose to upload a single Featured Image, or a set of images that make up a carousel Gallery.

Popup Body Text

Enter any text you want into the Popup Body. By default, shortcodes will not work.

Dynamic Popup Body Text [Pro]

Use feature properties or ACF fields to dynamically fill your popup!

Detailed Dynamic Content instructions

First, you'll need to make sure your features actually have the data. You can see properties from geographic data in any given feature under "Custom Properties", and ACF fields will show up in the appropriate post types.

The screenshot below shows where custom properties can be added if you're not using ACF fields.

Head to any post where you want to create an advanced popup (or use the Mass Edit to change multiple popups at once). You'll use some special syntax to tell the Category Filter which properties to include under which headers. The syntax looks like this:

Copy

 Here's some popup content showing the {property_name}

Or, for ACF fields:

Copy

Here's some popup content showing the {acf.field_r4nd0m5tr1ng}

If you are using an ACF field, enter "acf." and then the field id (shown below).

You can use this syntax in the popup header, the content, or the button text. The curly braced part will be replaced with the relevant property value or ACF value from that specific feature.

Render Shortcode [Pro]

If you want your popups to render shortcodes, enable this. It may slow down the loading since it must render using Wordpress PHP.

Popup Button Text

Enter the text to appear in the button.

Popup Button Action

Select from a number of actions that can happen when the button is pressed. You can open the Feature Post, a Custom URL, a Modal Display with more content, Google Maps Directions to the point of the geography, or do nothing.

Modal Details [Pro]

If you selected to open a Modal Display, you can enter the modal details here. This is great for showing a lot more content than can fit nicely into a normal popup (as well as shortcodes).

Open Link on Click

If you prefer to have the click open a link immediately instead of a popup, you can enable it here, then enter the Custom URL and choose whether it will open in a New Window or not.

Open Popup On Load

Choose if you want this popup to open the instant that the map loads.

Here is where you select a that you've created (or one of the default that comes with the plugin).

Popup Template
Example Popup section from a Polygon.