Displaying MapifPro Map on a Webpage/Post

After you have created at least one Map and added Map Locations into it, you're now ready to place your Map on your website page. This is done by following the below shortcode within your blog post or website page:

[custom-mapping height="400" width="600" map_id="11"]

Below is the complete guide on how you can place your Map on your website page:

1. Navigate to Maps within the MapifyPro plugin.
2. Copy the Map's shortcode from the shortcode column, for the required map.
3. Navigate to your website then click on Edit. Paste the shortcode in the required location.
4. Click Update to save your changes.

Adjusting the Map Size 

You may adjust the height/width as needed within the shortcode to display your map at any size. The map id is found under your specific map settings (this is created and assigned after you publish a new map). To properly display a custom map image on your site, make sure the height/width in this setting is the same as the default version of the map image that you've uploaded in the custom mapping section, otherwise, it will stretch and blur.