The #1 mapping solution for WordPress sites
Ready-to-use with free maps & free geocoding

How to add a marker to a post or page

Important notice: the docs below partially focus on 3.1 functionalities – we are currently in the middle of updating our documentation for the new 4.0 release and kindly ask for some more patience until the updated docs are completed!

step 1: click on “Maps Marker Pro” (respectively “Leaflet Maps Marker”) in admin menu


step 2: click on “Add new marker”



use the default simplified editor or click on “switch to advanced editor” in order to edit all available options:


next steps (click on the image for a larger view, description of the steps below the image):


    • step 3 (optional): add marker name (will be displayed in map panel)
    • step 4 (required): select a place or an address or paste coordinates or set marker coordinates by clicking on the preview map.
    • step 5 (optional): change map size
    • step 6 (optional): change zoom level by clicking on +/- or using your mouse wheel on preview map
    • step 7 (optional): add marker to a layer or create a new layer first
    • step 8 (optional): select basemap you want to use
    • step 9 (optional): set basemap overlay controlbox behaviour on frontend
    • step 10 (optional): set panel display status (=markername and API links on top of map)
    • step 11 (optional): select marker icon
    • step 12 (optional): set popup text
    • step 13 (optional): set popup status for marker (open/closed by default)
    • step 14 (required): press button “add marker”

step 15 (required): Copy shortcode


step 16 (required): paste shortcode in post or page where you want the map to appear (tipp: you can also use the “Add Map” button above the editor to search and select maps):


step 17 (required): click on publish and map gets displayed on post or page – finished 🙂