🗺️
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
  • Custom HTML [Pro]
  • Dynamic Tags [Pro]
  • Custom Fields [Pro]

Was this helpful?

  1. Popups
  2. Popup Templates

HTML

Build a totally custom popup.

PreviousLayout, Colors, Text, CSSNextOptions

Last updated 1 day ago

Was this helpful?

Custom HTML [Pro]

You can completely rewrite the HTML of the popup if you want, entering your own format and entering in custom tags that will insert dynamic content. .

Dynamic Tags [Pro]

By using the tags indicated in the description of the field, you can enter in tags that will be replaced in the front end with data of that feature post. These include:

  • Header Text {header}

  • Image URL {image_url}

  • Content {content}

  • Button Link {button_url}

  • Button Text {button_text}

  • Post Title{post_title}

Custom Fields [Pro]

You can also reference ACF fields or custom properties that you've added to your data, similar to elsewhere in the plugin. For custom properties, add the name of the field:

So, in the case of the above, if you wanted to add "name" into your popup, you would add:

<div>Some custom {name} HTML</div>

For ACF fields, use the field name (not the field ID). So for the following:

If you wanted to add the "School name", you would add:

<div>My custom {school_name}</div>
See an example here