<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Detailed reviews of WP map plugins. Fla-shop.com blog</title>
	<atom:link href="https://www.fla-shop.com/blog/category/plugin-reviews/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.fla-shop.com/blog/category/plugin-reviews/</link>
	<description>Interactive Maps, HTML5, WordPress, Map Use-cases – Fla-shop.com blog</description>
	<lastBuildDate>Wed, 05 Aug 2026 19:28:28 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.1</generator>
	<item>
		<title>5 Features of the US Map for WordPress Plugin</title>
		<link>https://www.fla-shop.com/blog/5-types-of-interaction-in-plugin-us-map-for-wordpress/</link>
					<comments>https://www.fla-shop.com/blog/5-types-of-interaction-in-plugin-us-map-for-wordpress/#comments</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 24 Jan 2020 17:32:38 +0000</pubDate>
				<category><![CDATA[Plugin reviews]]></category>
		<guid isPermaLink="false">https://www.fla-shop.com/blog/?p=305</guid>

					<description><![CDATA[<p>In this post, we'll review some real life examples of using an interactive map: displaying content near the map after clicking on a section, displaying tooltips, opening hyperlinks, showing lightbox popups, and showcasing API by launching JavaScript.</p>
<p>The post <a href="https://www.fla-shop.com/blog/5-types-of-interaction-in-plugin-us-map-for-wordpress/">5 Features of the US Map for WordPress Plugin</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group article_sm_block"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<p class="wp-block-paragraph">All of these features are included both in the <a href="https://www.fla-shop.com/products/wp-plugins/united-states/us/">Interactive map of the United States</a> plugin for WordPress and in other maps that are provided on our website.</p>



<p class="wp-block-paragraph">Below are some examples of the various functions Fla-shop.com maps have to offer; feel free to test their functions for yourself.</p>



<h2 class="wp-block-heading" id="the-following-example-displays-information-next-to-the-map">The following example displays information next to the map</h2>



<p class="wp-block-paragraph">Click on any of the states to display customizable content near the map.</p>
</div></div>



<div class="wp-block-group article_lg_block"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"> <!-- start Fla-shop.com HTML5 Map --> <div class='usaHtml5Mapright htmlMapResponsive' style='max-width:980px; width: 100%'><div id='usa-html5-map-map-container_0' class='usaHtml5MapContainer' data-map-variable='usahtml5map_map_0'></div> <style> #usa-html5-map-map-container_0 { } #usa-html5-map-map-container_0 .fm-tooltip-name { color: #000000; font-size: 20px; } #usa-html5-map-map-container_0 .fm-tooltip-comment { } #usa-html5-map-map-container_0 .fm-tooltip-comment p { } @media only screen and (max-width: 480px) { #usa-html5-map-map-container_0 { float: none; width: 100%; } } </style><script type="text/javascript"> jQuery(function(){ var hightlighted = null; usahtml5map_map_0 = new FlaShopUSAMap(usahtml5map_map_cfg_2); usahtml5map_map_0.draw('usa-html5-map-map-container_0'); usahtml5map_map_0.on('mousein', function(ev, sid, map) { if (hightlighted && sid != hightlighted) { map.stateHighlightOut(hightlighted); hightlighted = null; } }); var html5map_onclick = function(ev, sid, map) { var cfg = usahtml5map_map_cfg_2; var link = map.fetchStateAttr(sid, 'link'); var is_group = map.fetchStateAttr(sid, 'group'); var popup_id = map.fetchStateAttr(sid, 'popup-id'); var is_group_info = false; if (typeof cfg.map_data[sid] !== 'undefined') jQuery('#usa-html5-map-selector_0').val(sid); else jQuery('#usa-html5-map-selector_0').val(''); if (is_group==undefined) { if (sid.substr(0,1)=='p') { popup_id = map.fetchPointAttr(sid, 'popup_id'); link = map.fetchPointAttr(sid, 'link'); } } else if (typeof cfg.groups[is_group]['ignore_link'] == 'undefined' || ! cfg.groups[is_group].ignore_link) { link = cfg.groups[is_group].link; popup_id = cfg.groups[is_group]['popup_id']; is_group_info = true; } if (link=='#popup') { if (typeof SG_POPUP_DATA == "object") { if (popup_id in SG_POPUP_DATA) { SGPopup.prototype.showPopup(popup_id,false); } else { jQuery.ajax({ type: 'POST', url: 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=2' + '&usahtml5map_get_popup', data: {popup_id:popup_id}, }).done(function(data) { jQuery('body').append(data); SGPopup.prototype.showPopup(popup_id,false); }); } } else if (typeof SGPBPopup == "function") { var popup = SGPBPopup.createPopupObjById(popup_id); popup.prepareOpen(); popup.open(); } return false; } if (link == '#info') { var id = is_group_info ? is_group : (sid.substr(0,1)=='p' ? sid : map.fetchStateAttr(sid, 'id')); jQuery('#usa-html5-map-state-info_0').html('Loading...'); jQuery.ajax({ type: 'POST', url: (is_group_info ? 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=2' + '&usahtml5map_get_group_info=' : 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=2' + '&usahtml5map_get_state_info=') + id, success: function(data, textStatus, jqXHR){ jQuery('#usa-html5-map-state-info_0').html(data); }, dataType: 'text' }); return false; } if (ev===null && link!='') { if (!jQuery('.html5dummilink').length) { jQuery('body').append('<a href="#" class="html5dummilink" style="display:none"></a>'); } jQuery('.html5dummilink').attr('href',link).attr('target',(map.fetchStateAttr(sid, 'isNewWindow') ? '_blank' : '_self'))[0].click(); } }; usahtml5map_map_0.on('click',html5map_onclick); }); </script><div id='usa-html5-map-state-info_0' class='usaHtml5MapStateInfo'>Click on any state to display the corresponding content near the map</div> </div> <div style='clear: both'></div> <!-- end HTML5 Map --> 



<p class="wp-block-paragraph"> </p>
</div></div>



<div class="wp-block-group article_sm_block"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<h2 class="wp-block-heading" id="display-tooltips-when-hovering-over-a-section">Display Tooltips When Hovering Over a Section</h2>



<p class="wp-block-paragraph">Hover your mouse over any one of the states to display the customizable tooltip popup. If you click on the state, the tooltip window will become fixed, allowing you to click on the links inside.</p>
</div></div>



<div class="wp-block-group article_sm_block"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"> <!-- start Fla-shop.com HTML5 Map --> <div class='usaHtml5Mapbottom htmlMapResponsive' style='max-width:980px; width: 100%'><div id='usa-html5-map-map-container_1' class='usaHtml5MapContainer' data-map-variable='usahtml5map_map_1'></div><div style='clear:both; height: 20px;'></div> <style> #usa-html5-map-map-container_1 { } #usa-html5-map-map-container_1 .fm-tooltip-name { color: #084989; font-size: 20px; } #usa-html5-map-map-container_1 .fm-tooltip-comment { } #usa-html5-map-map-container_1 .fm-tooltip-comment p { } @media only screen and (max-width: 480px) { #usa-html5-map-map-container_1 { float: none; width: 100%; } } </style><script type="text/javascript"> jQuery(function(){ var hightlighted = null; usahtml5map_map_1 = new FlaShopUSAMap(usahtml5map_map_cfg_1); usahtml5map_map_1.draw('usa-html5-map-map-container_1'); usahtml5map_map_1.on('mousein', function(ev, sid, map) { if (hightlighted && sid != hightlighted) { map.stateHighlightOut(hightlighted); hightlighted = null; } }); var html5map_onclick = function(ev, sid, map) { var cfg = usahtml5map_map_cfg_1; var link = map.fetchStateAttr(sid, 'link'); var is_group = map.fetchStateAttr(sid, 'group'); var popup_id = map.fetchStateAttr(sid, 'popup-id'); var is_group_info = false; if (typeof cfg.map_data[sid] !== 'undefined') jQuery('#usa-html5-map-selector_1').val(sid); else jQuery('#usa-html5-map-selector_1').val(''); if (is_group==undefined) { if (sid.substr(0,1)=='p') { popup_id = map.fetchPointAttr(sid, 'popup_id'); link = map.fetchPointAttr(sid, 'link'); } } else if (typeof cfg.groups[is_group]['ignore_link'] == 'undefined' || ! cfg.groups[is_group].ignore_link) { link = cfg.groups[is_group].link; popup_id = cfg.groups[is_group]['popup_id']; is_group_info = true; } if (link=='#popup') { if (typeof SG_POPUP_DATA == "object") { if (popup_id in SG_POPUP_DATA) { SGPopup.prototype.showPopup(popup_id,false); } else { jQuery.ajax({ type: 'POST', url: 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=1' + '&usahtml5map_get_popup', data: {popup_id:popup_id}, }).done(function(data) { jQuery('body').append(data); SGPopup.prototype.showPopup(popup_id,false); }); } } else if (typeof SGPBPopup == "function") { var popup = SGPBPopup.createPopupObjById(popup_id); popup.prepareOpen(); popup.open(); } return false; } if (link == '#info') { var id = is_group_info ? is_group : (sid.substr(0,1)=='p' ? sid : map.fetchStateAttr(sid, 'id')); jQuery('#usa-html5-map-state-info_1').html('Loading...'); jQuery.ajax({ type: 'POST', url: (is_group_info ? 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=1' + '&usahtml5map_get_group_info=' : 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=1' + '&usahtml5map_get_state_info=') + id, success: function(data, textStatus, jqXHR){ jQuery('#usa-html5-map-state-info_1').html(data); }, dataType: 'text' }); return false; } if (ev===null && link!='') { if (!jQuery('.html5dummilink').length) { jQuery('body').append('<a href="#" class="html5dummilink" style="display:none"></a>'); } jQuery('.html5dummilink').attr('href',link).attr('target',(map.fetchStateAttr(sid, 'isNewWindow') ? '_blank' : '_self'))[0].click(); } }; usahtml5map_map_1.on('click',html5map_onclick); }); </script><div id='usa-html5-map-state-info_1' class='usaHtml5MapStateInfo'></div> </div> <div style='clear: both'></div> <!-- end HTML5 Map --> 
</div></div>



<div class="wp-block-group article_sm_block"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<h2 class="wp-block-heading" id="try-out-this-map-with-hyperlinks-in-each-state">Try out this Map with Hyperlinks in Each State</h2>



<p class="wp-block-paragraph">In this example is a map with each state having its own assigned hyperlink. When you click on a state, you will be taken to a new page that has that state&#8217;s corresponding larger map plugin. Those links can be modified to your choosing.</p>
</div></div>



<div class="wp-block-group article_sm_block"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"> <!-- start Fla-shop.com HTML5 Map --> <div class='usaHtml5Mapbottom htmlMapResponsive' style='max-width:980px; width: 100%'><div id='usa-html5-map-map-container_2' class='usaHtml5MapContainer' data-map-variable='usahtml5map_map_2'></div><div style='clear:both; height: 20px;'></div> <style> #usa-html5-map-map-container_2 { } #usa-html5-map-map-container_2 .fm-tooltip-name { color: #000000; font-size: 20px; } #usa-html5-map-map-container_2 .fm-tooltip-comment { } #usa-html5-map-map-container_2 .fm-tooltip-comment p { } @media only screen and (max-width: 480px) { #usa-html5-map-map-container_2 { float: none; width: 100%; } } </style><script type="text/javascript"> jQuery(function(){ var hightlighted = null; usahtml5map_map_2 = new FlaShopUSAMap(usahtml5map_map_cfg_3); usahtml5map_map_2.draw('usa-html5-map-map-container_2'); usahtml5map_map_2.on('mousein', function(ev, sid, map) { if (hightlighted && sid != hightlighted) { map.stateHighlightOut(hightlighted); hightlighted = null; } }); var html5map_onclick = function(ev, sid, map) { var cfg = usahtml5map_map_cfg_3; var link = map.fetchStateAttr(sid, 'link'); var is_group = map.fetchStateAttr(sid, 'group'); var popup_id = map.fetchStateAttr(sid, 'popup-id'); var is_group_info = false; if (typeof cfg.map_data[sid] !== 'undefined') jQuery('#usa-html5-map-selector_2').val(sid); else jQuery('#usa-html5-map-selector_2').val(''); if (is_group==undefined) { if (sid.substr(0,1)=='p') { popup_id = map.fetchPointAttr(sid, 'popup_id'); link = map.fetchPointAttr(sid, 'link'); } } else if (typeof cfg.groups[is_group]['ignore_link'] == 'undefined' || ! cfg.groups[is_group].ignore_link) { link = cfg.groups[is_group].link; popup_id = cfg.groups[is_group]['popup_id']; is_group_info = true; } if (link=='#popup') { if (typeof SG_POPUP_DATA == "object") { if (popup_id in SG_POPUP_DATA) { SGPopup.prototype.showPopup(popup_id,false); } else { jQuery.ajax({ type: 'POST', url: 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=3' + '&usahtml5map_get_popup', data: {popup_id:popup_id}, }).done(function(data) { jQuery('body').append(data); SGPopup.prototype.showPopup(popup_id,false); }); } } else if (typeof SGPBPopup == "function") { var popup = SGPBPopup.createPopupObjById(popup_id); popup.prepareOpen(); popup.open(); } return false; } if (link == '#info') { var id = is_group_info ? is_group : (sid.substr(0,1)=='p' ? sid : map.fetchStateAttr(sid, 'id')); jQuery('#usa-html5-map-state-info_2').html('Loading...'); jQuery.ajax({ type: 'POST', url: (is_group_info ? 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=3' + '&usahtml5map_get_group_info=' : 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=3' + '&usahtml5map_get_state_info=') + id, success: function(data, textStatus, jqXHR){ jQuery('#usa-html5-map-state-info_2').html(data); }, dataType: 'text' }); return false; } if (ev===null && link!='') { if (!jQuery('.html5dummilink').length) { jQuery('body').append('<a href="#" class="html5dummilink" style="display:none"></a>'); } jQuery('.html5dummilink').attr('href',link).attr('target',(map.fetchStateAttr(sid, 'isNewWindow') ? '_blank' : '_self'))[0].click(); } }; usahtml5map_map_2.on('click',html5map_onclick); }); </script><div id='usa-html5-map-state-info_2' class='usaHtml5MapStateInfo'></div> </div> <div style='clear: both'></div> <!-- end HTML5 Map --> 
</div></div>



<div class="wp-block-group article_sm_block"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<h2 class="wp-block-heading" id="try-out-our-lightbox-popups">Try Out Our Lightbox Popups</h2>



<p class="wp-block-paragraph">If you want to display lightbox popups, try clicking on one of the States below; you can use a free Popup Builder plugin to create your own popups.</p>
</div></div>



<div class="wp-block-group article_sm_block"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"> <!-- start Fla-shop.com HTML5 Map --> <div class='usaHtml5Mapbottom htmlMapResponsive' style='max-width:980px; width: 100%'><div id='usa-html5-map-map-container_3' class='usaHtml5MapContainer' data-map-variable='usahtml5map_map_3'></div><div style='clear:both; height: 20px;'></div> <style> #usa-html5-map-map-container_3 { } #usa-html5-map-map-container_3 .fm-tooltip-name { color: #000000; font-size: 20px; } #usa-html5-map-map-container_3 .fm-tooltip-comment { } #usa-html5-map-map-container_3 .fm-tooltip-comment p { } @media only screen and (max-width: 480px) { #usa-html5-map-map-container_3 { float: none; width: 100%; } } </style><script type="text/javascript"> jQuery(function(){ var hightlighted = null; usahtml5map_map_3 = new FlaShopUSAMap(usahtml5map_map_cfg_4); usahtml5map_map_3.draw('usa-html5-map-map-container_3'); usahtml5map_map_3.on('mousein', function(ev, sid, map) { if (hightlighted && sid != hightlighted) { map.stateHighlightOut(hightlighted); hightlighted = null; } }); var html5map_onclick = function(ev, sid, map) { var cfg = usahtml5map_map_cfg_4; var link = map.fetchStateAttr(sid, 'link'); var is_group = map.fetchStateAttr(sid, 'group'); var popup_id = map.fetchStateAttr(sid, 'popup-id'); var is_group_info = false; if (typeof cfg.map_data[sid] !== 'undefined') jQuery('#usa-html5-map-selector_3').val(sid); else jQuery('#usa-html5-map-selector_3').val(''); if (is_group==undefined) { if (sid.substr(0,1)=='p') { popup_id = map.fetchPointAttr(sid, 'popup_id'); link = map.fetchPointAttr(sid, 'link'); } } else if (typeof cfg.groups[is_group]['ignore_link'] == 'undefined' || ! cfg.groups[is_group].ignore_link) { link = cfg.groups[is_group].link; popup_id = cfg.groups[is_group]['popup_id']; is_group_info = true; } if (link=='#popup') { if (typeof SG_POPUP_DATA == "object") { if (popup_id in SG_POPUP_DATA) { SGPopup.prototype.showPopup(popup_id,false); } else { jQuery.ajax({ type: 'POST', url: 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=4' + '&usahtml5map_get_popup', data: {popup_id:popup_id}, }).done(function(data) { jQuery('body').append(data); SGPopup.prototype.showPopup(popup_id,false); }); } } else if (typeof SGPBPopup == "function") { var popup = SGPBPopup.createPopupObjById(popup_id); popup.prepareOpen(); popup.open(); } return false; } if (link == '#info') { var id = is_group_info ? is_group : (sid.substr(0,1)=='p' ? sid : map.fetchStateAttr(sid, 'id')); jQuery('#usa-html5-map-state-info_3').html('Loading...'); jQuery.ajax({ type: 'POST', url: (is_group_info ? 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=4' + '&usahtml5map_get_group_info=' : 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=4' + '&usahtml5map_get_state_info=') + id, success: function(data, textStatus, jqXHR){ jQuery('#usa-html5-map-state-info_3').html(data); }, dataType: 'text' }); return false; } if (ev===null && link!='') { if (!jQuery('.html5dummilink').length) { jQuery('body').append('<a href="#" class="html5dummilink" style="display:none"></a>'); } jQuery('.html5dummilink').attr('href',link).attr('target',(map.fetchStateAttr(sid, 'isNewWindow') ? '_blank' : '_self'))[0].click(); } }; usahtml5map_map_3.on('click',html5map_onclick); }); </script><div id='usa-html5-map-state-info_3' class='usaHtml5MapStateInfo'></div> </div> <div style='clear: both'></div> <!-- end HTML5 Map --> 
</div></div>



<div class="wp-block-group article_sm_block"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<h2 class="wp-block-heading" id="use-the-api-to-launch-javascript">Use the API to launch JavaScript</h2>



<p class="wp-block-paragraph">You can launch JavaScript yourself by hovering over or clicking on any state. Try it for yourself and see how easy it is:</p>
</div></div>



<div class="wp-block-group article_sm_block"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<div style="float: left; width: 20%;">Hovered state:</div>
<div id="hover_cell" style="background-color: #ffffcc; padding-left:20px; float: left; width: 80%;">&nbsp;</div>
<div style="clear: both; margin-top: 5px;">&nbsp;</div>
<div style="float: left; width: 20%;">Clicked state:</div>
<div id="click_cell" style="background-color: #ffffcc; padding-left:20px; float: left; width: 80%;">&nbsp;</div>
<div style="clear: both;">&nbsp;</div>


 <!-- start Fla-shop.com HTML5 Map --> <div class='usaHtml5Mapbottom htmlMapResponsive' style='max-width:980px; width: 100%'><div id='usa-html5-map-map-container_4' class='usaHtml5MapContainer' data-map-variable='usahtml5map_map_4'></div><div style='clear:both; height: 20px;'></div> <style> #usa-html5-map-map-container_4 { } #usa-html5-map-map-container_4 .fm-tooltip-name { color: #000000; font-size: 20px; } #usa-html5-map-map-container_4 .fm-tooltip-comment { } #usa-html5-map-map-container_4 .fm-tooltip-comment p { } @media only screen and (max-width: 480px) { #usa-html5-map-map-container_4 { float: none; width: 100%; } } </style><script type="text/javascript"> jQuery(function(){ var hightlighted = null; usahtml5map_map_4 = new FlaShopUSAMap(usahtml5map_map_cfg_5); usahtml5map_map_4.draw('usa-html5-map-map-container_4'); usahtml5map_map_4.on('mousein', function(ev, sid, map) { if (hightlighted && sid != hightlighted) { map.stateHighlightOut(hightlighted); hightlighted = null; } }); (function (map, containerId, mapId) { map.on('mousein', function(ev, sid, map) { document.getElementById('hover_cell').innerHTML = map.fetchStateAttr(sid, 'name').toUpperCase(); }); map.on('mouseout', function(ev, sid, map) { document.getElementById('hover_cell').innerHTML = ''; }); map.on('click', function(ev, sid, map) { document.getElementById('click_cell').innerHTML = map.fetchStateAttr(sid, 'name').toUpperCase(); }); })(usahtml5map_map_4, 'usa-html5-map-map-container_4', 5); var html5map_onclick = function(ev, sid, map) { var cfg = usahtml5map_map_cfg_5; var link = map.fetchStateAttr(sid, 'link'); var is_group = map.fetchStateAttr(sid, 'group'); var popup_id = map.fetchStateAttr(sid, 'popup-id'); var is_group_info = false; if (typeof cfg.map_data[sid] !== 'undefined') jQuery('#usa-html5-map-selector_4').val(sid); else jQuery('#usa-html5-map-selector_4').val(''); if (is_group==undefined) { if (sid.substr(0,1)=='p') { popup_id = map.fetchPointAttr(sid, 'popup_id'); link = map.fetchPointAttr(sid, 'link'); } } else if (typeof cfg.groups[is_group]['ignore_link'] == 'undefined' || ! cfg.groups[is_group].ignore_link) { link = cfg.groups[is_group].link; popup_id = cfg.groups[is_group]['popup_id']; is_group_info = true; } if (link=='#popup') { if (typeof SG_POPUP_DATA == "object") { if (popup_id in SG_POPUP_DATA) { SGPopup.prototype.showPopup(popup_id,false); } else { jQuery.ajax({ type: 'POST', url: 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=5' + '&usahtml5map_get_popup', data: {popup_id:popup_id}, }).done(function(data) { jQuery('body').append(data); SGPopup.prototype.showPopup(popup_id,false); }); } } else if (typeof SGPBPopup == "function") { var popup = SGPBPopup.createPopupObjById(popup_id); popup.prepareOpen(); popup.open(); } return false; } if (link == '#info') { var id = is_group_info ? is_group : (sid.substr(0,1)=='p' ? sid : map.fetchStateAttr(sid, 'id')); jQuery('#usa-html5-map-state-info_4').html('Loading...'); jQuery.ajax({ type: 'POST', url: (is_group_info ? 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=5' + '&usahtml5map_get_group_info=' : 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=5' + '&usahtml5map_get_state_info=') + id, success: function(data, textStatus, jqXHR){ jQuery('#usa-html5-map-state-info_4').html(data); }, dataType: 'text' }); return false; } if (ev===null && link!='') { if (!jQuery('.html5dummilink').length) { jQuery('body').append('<a href="#" class="html5dummilink" style="display:none"></a>'); } jQuery('.html5dummilink').attr('href',link).attr('target',(map.fetchStateAttr(sid, 'isNewWindow') ? '_blank' : '_self'))[0].click(); } }; usahtml5map_map_4.on('click',html5map_onclick); }); </script><div id='usa-html5-map-state-info_4' class='usaHtml5MapStateInfo'></div> </div> <div style='clear: both'></div> <!-- end HTML5 Map --> 
</div></div>



<div class="wp-block-group article_sm_block"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<p class="wp-block-paragraph">Our Premium maps all have API, so web developers can create and customize the map features; for instance, you could log your webpage activity, track mouseover and clicking events, etc.</p>



<p class="wp-block-paragraph">How can the API be useful? For example, this <a href="https://www.fla-shop.com/visited-states/">interactive state map</a> uses the API to interact with the list of states.</p>



<h2 class="wp-block-heading" id="other-opportunities">Other Opportunities</h2>



<p class="wp-block-paragraph">Are you looking for more possibilities? You don&#8217;t need to be confined by state boundaries. All of the interactive approaches shown above can be used for pinpoint locations, regions, districts, etc, using any of our map plugins. You could show all of your offices, display your global market regions, or even display a dynamic inventory of each territory. All of which can improve your website&#8217;s attractiveness, raise your clients&#8217; awareness, and even lead to increased engagement.</p>
</div></div>



<figure class="wp-block-image"><img decoding="async" src="https://www.fla-shop.com/blog/wp-content/uploads/2017/09/us-points-regions.png" alt="Interactive map of the USA"/></figure>



<div class="wp-block-group article_sm_block"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<h2 class="wp-block-heading" id="try-it-for-free-today">Try it for free today!</h2>



<p class="wp-block-paragraph">The interactive examples in the above post show some of our plugin&#8217;s capabilities. You can download the free demo version and try all the options on your website. If you or your clients like it, you can easily transfer all the settings into the full version! You don&#8217;t need to create the settings of the map again. We are sure that all of our plugins will substantially improve your website and allow you to attract more users.</p>
</div></div>



<div class="wp-block-group article_sm_block"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<p class="has-text-align-center wp-block-paragraph"><a class="greenbutton" href="https://www.fla-shop.com/products/wp-plugins/united-states/us/">Try United States map for WordPress for free</a></p>
</div></div>
<p>The post <a href="https://www.fla-shop.com/blog/5-types-of-interaction-in-plugin-us-map-for-wordpress/">5 Features of the US Map for WordPress Plugin</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.fla-shop.com/blog/5-types-of-interaction-in-plugin-us-map-for-wordpress/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
			</item>
		<item>
		<title>Bulk Edit feature of USA Map plugin for WP</title>
		<link>https://www.fla-shop.com/blog/bulk-edit-feature-of-usa-map-plugin/</link>
					<comments>https://www.fla-shop.com/blog/bulk-edit-feature-of-usa-map-plugin/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 08 Mar 2018 16:46:47 +0000</pubDate>
				<category><![CDATA[How-To’s]]></category>
		<category><![CDATA[Plugin reviews]]></category>
		<guid isPermaLink="false">https://www.fla-shop.com/blog/?p=518</guid>

					<description><![CDATA[<p>If you are running a business website on WordPress, and you have a wide network in the USA, then you must consider using an interactive USA Map plugin to provide all the information to your visitors. Recently, a new feature has been introduced in the plugin that will allow you to do bulk editing for multiple states at a time.</p>
<p>The post <a href="https://www.fla-shop.com/blog/bulk-edit-feature-of-usa-map-plugin/">Bulk Edit feature of USA Map plugin for WP</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></description>
										<content:encoded><![CDATA[</p>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">Creating a <a href="https://www.fla-shop.com/blog/create-rep-locator-map-wordpress/">rep locator map</a> with the same details about multiple states can be a difficult and time-consuming task.</p>
</p>
<p class="wp-block-paragraph">With this specific feature, you can easily edit multiple states at once and you don&#8217;t need to add similar information to every single state separately. Let&#8217;s have a better look at the Bulk Edit feature of the USA Map Plugin.</p>
</p>
<h2 class="wp-block-heading">Advantages of Bulk Edit feature</h2>
</p>
<p class="wp-block-paragraph">Using the Bulk Edit feature of the US Map Plugin will make things a lot simpler for you. If you need to add similar settings to multiple states on a map, you can select multiple states and add the same information at once. Here are a few benefits that you will be able to receive using the &#8220;Bulk Edit&#8221; feature.</p>
</p>
<ul class="wp-block-list">
<li>It will save you time.</li>
</p>
<li>No need to add the same information for every state separately.</li>
</p>
<li>Add the same colors for multiple states.</li>
</p>
<li>Same settings for multiple states with a single click.</li>
</ul>
</p>
<h2 class="wp-block-heading">How to use it</h2>
</p>
<p class="wp-block-paragraph">Using the &#8220;Bulk Edit&#8221; feature is easy and simple. If you need to create a map and want to show the same information in multiple states, then you can simply visit the &#8216;Detailed Settings&#8217; tab of that specific map to use this specific feature. Here are a few steps to carefully use the &#8220;Bulk Edit&#8221; feature.</p>
</p>
<p class="wp-block-paragraph">After visiting the detailed settings tab, you will be able to see a new option for Bulk Edit.</p>
</p>
<figure class="wp-block-image size-large"><img decoding="async" src="https://www.fla-shop.com/blog/wp-content/uploads/2018/03/bulk-edit-01.png" alt="Tab with detailed settings"/></figure>
</p>
<p class="wp-block-paragraph">Once you click that option, you will be able to get a list of all the states of the USA and you can select the ones you need to add to the map. You can also select the option &#8220;Choose on the map&#8221; to select them on the map as well.</p>
</p>
<figure class="wp-block-image size-large"><img decoding="async" src="https://www.fla-shop.com/blog/wp-content/uploads/2018/03/bulk-edit-02.png" alt="Batch settings page with list of states"/></figure>
</p>
<p class="wp-block-paragraph">
</p>
<figure class="wp-block-image size-large"><img decoding="async" src="https://www.fla-shop.com/blog/wp-content/uploads/2018/03/bulk-edit-03.png" alt="Selecting states on the map"/></figure>
</p>
<p class="wp-block-paragraph">Once you have selected multiple states, you can move to the next step and start bulk editing by adding all the necessary information. You can choose colors for the states, add tooltips, and much more.</p>
</p>
<figure class="wp-block-image size-large"><img decoding="async" src="https://www.fla-shop.com/blog/wp-content/uploads/2018/03/bulk-edit-04.png" alt="Editing batch settings"/></figure>
</p>
<p class="wp-block-paragraph">After editing all the states at once, you can save changes and use the shortcode to insert the map on the desired page. It won&#8217;t take long and it is perfect for creating sales region maps. </p>
</p>
<figure class="wp-block-image size-large"><img decoding="async" src="https://www.fla-shop.com/blog/wp-content/uploads/2018/03/bulk-edit-05.png" alt="Preview tab in plugin"/></figure>
</p>
<h2 class="wp-block-heading">How it can be useful</h2>
</p>
<p class="wp-block-paragraph">When you are creating sales area maps on your WordPress site, it can be difficult and time-consuming to add similar information in multiple states separately. With the help of the &#8220;Bulk Edit&#8221; feature, you can quickly create a sales area map for your website.</p>
</p>
<p class="wp-block-paragraph">The basic ways of creating sales area maps are:</p>
</p>
<ul class="wp-block-list">
<li>Setting up each state one by one</li>
</p>
<li>Create state groups on the &#8220;Groups&#8221; tab</li>
</p>
<li>Use import CSV file with settings</li>
</ul>
</p>
<p class="wp-block-paragraph">Usually, sales managers cover multiple states and with the older version of this plugin, it was very difficult and time-consuming to add the same contact information several times. With the addition of the &#8220;Bulk Edit&#8221; feature, you can edit multiple states at once and change the settings including color, contact information, links, and much more.</p>
</p>
<p class="wp-block-paragraph">This feature is ideal for:</p>
</p>
<ul class="wp-block-list">
<li>Sales regions map</li>
</p>
<li>Dealer locator map</li>
</p>
<li>Coverage/delivery/franchise areas maps</li>
</ul>
</p>
<h2 class="wp-block-heading">Conclusion</h2>
</p>
<p class="wp-block-paragraph">The basic purpose of the bulk editing feature is to add sales region maps and dealer locator maps easily. With the help of this specific feature, you can create these maps within minutes. It helps you save time and improve usability.</p>
</p>
<p class="has-text-align-center wp-block-paragraph"><a class="greenbutton" href="https://www.fla-shop.com/products/wp-plugins/united-states/us/">Try United States map for WordPress for free</a></p>
</div>
</div>
<p>The post <a href="https://www.fla-shop.com/blog/bulk-edit-feature-of-usa-map-plugin/">Bulk Edit feature of USA Map plugin for WP</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.fla-shop.com/blog/bulk-edit-feature-of-usa-map-plugin/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Review of the US Map for WP. Part 5: Points settings</title>
		<link>https://www.fla-shop.com/blog/detailed-review-5-points-settings/</link>
					<comments>https://www.fla-shop.com/blog/detailed-review-5-points-settings/#comments</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 11 Dec 2017 20:00:05 +0000</pubDate>
				<category><![CDATA[Plugin reviews]]></category>
		<guid isPermaLink="false">https://www.fla-shop.com/blog/?p=250</guid>

					<description><![CDATA[<p>Each interactive map from Fla-shop.com has the capability to add the points to the map. What is a point? The point is the special place on the map that can be provided with any necessary information. Do you want to know more?</p>
<p>The post <a href="https://www.fla-shop.com/blog/detailed-review-5-points-settings/">Review of the US Map for WP. Part 5: Points settings</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">The &#8220;Points settings&#8221; section can be opened by selecting the tab at the WordPress administrator dashboard menu on the left side of the screen.</p>
</div>
</div>
<div class="wp-block-group article_md_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image"><img decoding="async" src="https://www.fla-shop.com/blog/wp-content/uploads/2017/08/usa-map-plugin-points.png" alt="Points tab in the plugin"/></figure>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">After that, you will just need to place the point on the map (double-click with the left mouse button) and the configuration menu will appear. Also, for your convenience, we made a screenshot of this section with a comprehensive review of its fields and checkboxes:</p>
</div>
</div>
<div class="wp-block-group article_md_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image"><img decoding="async" src="https://www.fla-shop.com/blog/wp-content/uploads/2017/08/usa-map-plugin-points-pointers.png" alt="Points tab in the plugin with pointers"/></figure>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">[1] &#8220;Position&#8221; – sets up the position coordinates of the point and its radius.<br />[2] &#8220;Name&#8221; – sets up the point name.<br />[3] &#8220;Short name&#8221; – sets up the point shortname.<br />[4] &#8220;Text position&#8221; – sets up the position of the point text.<br />[5] &#8220;Font size&#8221; – sets up the font size of the point information text.<br />[6] &#8220;Tooltip&#8221; – shows the tooltip settings window, where you can add any text information to the point and image icon.<br />[7] &#8220;Point color&#8221; – sets up the point color. The &#8220;Use default&#8221; checkbox sets the default point color (black).<br />[8] &#8220;Point hover color&#8221; – sets up the point hover color (when the user hovers the mouse cursor over the point). The &#8220;Use default&#8221; checkbox sets the default color for the point.<br />[9] &#8220;More color settings&#8221; – opens the extra menu with additional color settings. Here you can set:</p>
<ul class="wp-block-list">
<li>point border-color;</li>
<li>point border hover color;</li>
<li>point name color;</li>
<li>point name hover color;</li>
<li>point name stroke color;</li>
<li>point name stroke hover color.</li>
</ul>
<p class="wp-block-paragraph">Also, you can set all these parameters to default values by checking the &#8220;Use default&#8221; checkbox.</p>
<h3 class="wp-block-heading">On click action subsection</h3>
<p class="wp-block-paragraph">This subsection manages the action when the user clicks on the point:</p>
<ul class="wp-block-list">
<li>&#8220;Nothing&#8221; – when the user clicks on the point, nothing happens.</li>
<li>&#8220;Open link&#8221; &#8211; when the user clicks on the point, the selected URL ([11]) will be opened. Also, you can check the checkbox [12] to let the link open in the new window.</li>
<li>&#8220;Show additional information&#8221; &#8211; when the user clicks on the point, the additional information window will appear.</li>
<li>&#8220;Show lightbox popup&#8221; &#8211; when the user clicks on the point, the lightbox popup window will appear. Please note, that you need to install the &#8220;Popup builder&#8221; WordPress plugin to manage popup windows.</li>
</ul>
<p class="wp-block-paragraph">Thus, when all settings are set, you can select the button &#8220;Apply&#8221; [13] to apply them or the button &#8220;Delete&#8221; [14] to delete the point.</p>
<h2 class="wp-block-heading">Conclusion</h2>
<p class="wp-block-paragraph">To sum up, the Points are very powerful when you need to show different types of information. For example, you can show visited places or several state shops of your company. We hope that this quick guide will answer most of your questions about how to configure point settings.</p>
<ul class="wp-block-list"></ul>
<p class="has-text-align-center wp-block-paragraph"><a class="greenbutton" href="https://www.fla-shop.com/products/wp-plugins/united-states/us/">Try United States map for WordPress for free</a></p>
</div>
</div>
<p>The post <a href="https://www.fla-shop.com/blog/detailed-review-5-points-settings/">Review of the US Map for WP. Part 5: Points settings</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.fla-shop.com/blog/detailed-review-5-points-settings/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>Review of the US Map for WP. Part 4: Groups settings</title>
		<link>https://www.fla-shop.com/blog/detailed-review-4-groups-settings/</link>
					<comments>https://www.fla-shop.com/blog/detailed-review-4-groups-settings/#comments</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 11 Dec 2017 19:43:52 +0000</pubDate>
				<category><![CDATA[Plugin reviews]]></category>
		<guid isPermaLink="false">https://www.fla-shop.com/blog/?p=246</guid>

					<description><![CDATA[<p>First of all, Grouping is a powerful feature of the US interactive map WordPress plugin from Fla-shop.com. As follows, it allows you to set the same parameters to several states grouped into one or more groups. For example, this feature is useful when you want to display any statistical data on the map or to show the departments structure of your company.</p>
<p>The post <a href="https://www.fla-shop.com/blog/detailed-review-4-groups-settings/">Review of the US Map for WP. Part 4: Groups settings</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">In detail, you can open the &#8220;Configuration of groups&#8221; section by selecting the &#8220;Groups settings&#8221; tab at the WordPress administrator dashboard menu on the left side of the screen.</p>
</div>
</div>
<div class="wp-block-group article_md_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image"><img decoding="async" src="https://www.fla-shop.com/blog/wp-content/uploads/2017/08/usa-map-plugin-groups.png" alt="State group settings tab"/></figure>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">So, for your convenience, we made a screenshot of this section with a comprehensive review of its fields as well as of the checkboxes:</p>
</div>
</div>
<div class="wp-block-group article_md_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image"><img decoding="async" src="https://www.fla-shop.com/blog/wp-content/uploads/2017/08/usa-map-plugin-groups-pointers.png" alt="State group settings tab with pointers"/></figure>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Group selection</h2>
<p class="wp-block-paragraph">So, this section allows selecting an existing group to change its options or create a new group.<br />[1] – Select an existing group with this list.<br />[2] – here you can create a new group. Please note, that when you install the plugin for the first time, you have no groups, and only the &#8220;Create a new group&#8221; input field will be available.</p>
<h2 class="wp-block-heading">Area selection</h2>
<p class="wp-block-paragraph">At the same time, this section allows you to select the states that will belong to the new group. Select any number of the states you want and after that configure the group settings in the next section.<br />[3] &#8220;Enable zoom&#8221; – check this checkbox if you want to zoom the map while selecting the states into the group.<br />[4] – here we show the states selected for the group.</p>
<h2 class="wp-block-heading">Group settings</h2>
<p class="wp-block-paragraph">This section manages the selected group settings.<br />[5] &#8220;Group name&#8221; – sets up the group name.<br />[6] &#8220;Keep individual highlighting&#8221; – after checking this checkbox, it enables an individual highlighting for each state in the group.<br />[7] &#8220;Override individual tooltip settings&#8221; – check this checkbox if you want to override individual settings for each separate state tooltip.<br />[8] &#8220;Displayed name&#8221; – sets up the displayed name for the group.<br />[9] &#8220;Info for tooltip balloon&#8221; – here you can set up the additional info for the group tooltip balloon. It appears when the user hovers the mouse button over the group.<br />[10] &#8220;Image URL&#8221; – sets up the URL for the group icon image.<br />[11] &#8220;Override individual action settings&#8221; – when you configure the separate states (as it was described earlier), you may have chosen an action when the user clicks on the state. After checking this checkbox, all these actions will be overwritten by the selected action for the group.</p>
<h3 class="wp-block-heading">Group action subsection</h3>
<p class="wp-block-paragraph">This subsection manages the action after clicking on the group.<br />[12] &#8220;Nothing&#8221; – nothing will happen after&nbsp;clicking.<br />[13] &#8220;Open an URL&#8221; – by choosing this group you open the selected URL.<br />[14] &#8220;Show more info&#8221; – when the user clicks on the group, the tooltip balloon with additional info will be displayed.<br />[15] &#8220;Show lightbox popup&#8221; – when the user clicks on the group, the lightbox popup will be displayed. Please note, that for displaying the lightbox popup you need to install the &#8220;Popup builder&#8221; WordPress plugin.</p>
<h3 class="wp-block-heading">Color settings subsection</h3>
<p class="wp-block-paragraph">This subsection manages the group color settings.<br />[15] &#8220;Override individual color settings&#8221; – overrides the individual color settings for each state.<br />[16] &#8220;Group color&#8221; – sets up the color for the group.<br />[17] &#8220;Group hover color&#8221; – sets up the color when the user hovers the mouse cursor over the group.</p>
<h2 class="wp-block-heading">Conclusion</h2>
<p class="wp-block-paragraph">To sum up, Grouping is a powerful feature of the US WordPress plugin from Fla-shop.com and we hope that it will be useful for you.</p>
<ul class="wp-block-list"></ul>
<p class="has-text-align-center wp-block-paragraph"><a class="greenbutton" href="https://www.fla-shop.com/products/wp-plugins/united-states/us/">Try United States map for WordPress for free</a></p>
</div>
</div>
<p>The post <a href="https://www.fla-shop.com/blog/detailed-review-4-groups-settings/">Review of the US Map for WP. Part 4: Groups settings</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.fla-shop.com/blog/detailed-review-4-groups-settings/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>Review of the US Map for WP. Part 3: Detailed settings</title>
		<link>https://www.fla-shop.com/blog/detailed-review-3-detailed-settings/</link>
					<comments>https://www.fla-shop.com/blog/detailed-review-3-detailed-settings/#comments</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 11 Dec 2017 19:42:53 +0000</pubDate>
				<category><![CDATA[Plugin reviews]]></category>
		<guid isPermaLink="false">https://www.fla-shop.com/blog/?p=240</guid>

					<description><![CDATA[<p>Firstly, the "Detailed settings" section allows adding the specific information for each US state. Secondly, you can customize the state color and other settings there.</p>
<p>The post <a href="https://www.fla-shop.com/blog/detailed-review-3-detailed-settings/">Review of the US Map for WP. Part 3: Detailed settings</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">You can open the &#8220;Detailed settings&#8221; section by selecting the &#8220;Detailed settings&#8221; tab at the WordPress administrator dashboard menu on the left side of the screen.</p>
</div>
</div>
<div class="wp-block-group article_md_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image"><img decoding="async" src="https://www.fla-shop.com/blog/wp-content/uploads/2017/08/usa-map-plugin-detailed-settings.png" alt="The main view of the Detailed settings tab"/></figure>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">Also, for your convenience, we made a screenshot of this section with a comprehensive review of its fields and checkboxes:</p>
</div>
</div>
<div class="wp-block-group article_md_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image"><img decoding="async" src="https://www.fla-shop.com/blog/wp-content/uploads/2017/08/usa-map-plugin-detailed-settings-pointers.png" alt="Detailed description of all fields"/></figure>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">[1] &#8220;State name&#8221; – here you can choose the state you want to edit. Please note, that if you will not select a state, the settings window will not appear!<br />[2] &#8220;Choose on the map&#8221; – this button leads you to the interactive map and allows selecting of the state directly.</p>
<h2 class="wp-block-heading">Map area settings group</h2>
<p class="wp-block-paragraph">Here you can set up all necessary settings for the state.</p>
<p class="wp-block-paragraph">[3] &#8220;Name&#8221; – edit the state name displayed on the map.<br />[4] &#8220;Do not show popup name&#8221; – when this checkbox is activated, the state name will not be displayed in the pop-up window when the user hovers the mouse over the state.<br />[5] &#8220;Shortname&#8221; – here you can customize the state label displayed on the map.</p>
<p class="wp-block-paragraph">What should you do by clicking on the area? This short sub-section is very important because it sets the behavior when the user clicks on the state area.</p>
<p class="wp-block-paragraph">[6] &#8220;Nothing&#8221; – nothing will happen when the user clicks on the state area<br />[7] &#8220;Open an URL&#8221; – by clicking on the state the user opens the chosen URL<br />[8] &#8220;Show more info&#8221; – by clicking on the state the information window pops up<br />[9] &#8220;Show lightbox popup&#8221; &#8211; by clicking on the state the lightbox window pops up. Please note, that you need to install the WordPress &#8220;Pop-up builder&#8221; plugin to create the pop-up windows. Otherwise, you can’t manage them.<br />[10] &#8220;URL&#8221; – sets up the URL, which will be used at point [7]<br />[11] &#8220;Open URL in a new window&#8221; – adds the target=&#8221;_blank&#8221; attribute to URL (point [10]), so it will appear in the new window.<br />[12] &#8220;Info for tooltip balloons&#8221; – here you can set all necessary additional information that appears in the tooltip balloon (if the checkbox [8] is checked). Also, as in the screenshot above, you can add the name of the local representative of your company, address, phone number, etc.<br />[13] &#8220;Area color&#8221; – sets up the state color in HEX format.<br />[14] &#8220;Apply to all areas&#8221; – if this checkbox is checked, the selected color will apply to all states on the map.<br />[15] &#8220;Area hover color&#8221; – sets up the hover color for the state (when the user hovers the mouse color over it).<br />[16] &#8220;Apply to all areas&#8221; – applies the hover color to all states on the map.</p>
<h2 class="wp-block-heading">Working with images</h2>
<p class="wp-block-paragraph">Each pop-up window in the WordPress interactive US map can have an icon that you can add in the &#8220;Detailed settings&#8221; section.</p>
<p class="wp-block-paragraph">[17] &#8220;Image URL&#8221; – this input box opens the standard WordPress Media Gallery, where you can choose the image from all your website images or upload it from your local PC. As in the screenshot below, working with an icon image is simple.</p>
</div>
</div>
<div class="wp-block-group article_md_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image"><img decoding="async" src="https://www.fla-shop.com/blog/wp-content/uploads/2017/08/usa-map-plugin-add-media-2.png" alt="How to insert an image into the tooltip"/></figure>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">After all, you need to do the following:</p>
<ul class="wp-block-list">
<li>Set the icon title;</li>
<li>Set the icon alternative text (&#8220;alt&#8221; attribute of the image);</li>
<li>Choose the alignment and image size;</li>
<li>Click on the &#8220;insert into post&#8221; button to add the icon to the state information window.</li>
</ul>
<h2 class="wp-block-heading">Conclusion</h2>
<p class="wp-block-paragraph">In conclusion, this short review shows you how to manage the separate state settings in the US Interactive Map plugin. So, we hope that answers all the questions.</p>
<ul class="wp-block-list"></ul>
<p class="has-text-align-center wp-block-paragraph"><a class="greenbutton" href="https://www.fla-shop.com/products/wp-plugins/united-states/us/">Try United States map for WordPress for free</a></p>
</div>
</div>
<p>The post <a href="https://www.fla-shop.com/blog/detailed-review-3-detailed-settings/">Review of the US Map for WP. Part 3: Detailed settings</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.fla-shop.com/blog/detailed-review-3-detailed-settings/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>US Map for WordPress: General Settings Guide</title>
		<link>https://www.fla-shop.com/blog/detailed-review-2-general-settings/</link>
					<comments>https://www.fla-shop.com/blog/detailed-review-2-general-settings/#comments</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 11 Dec 2017 19:41:55 +0000</pubDate>
				<category><![CDATA[Plugin reviews]]></category>
		<guid isPermaLink="false">https://www.fla-shop.com/blog/?p=236</guid>

					<description><![CDATA[<p>The General Settings tab contains the main options that control the layout and behavior of your interactive US map. Here you can make the map responsive, configure tooltips and the content area, adjust labels and borders, and enable performance-related options.</p>
<p>The post <a href="https://www.fla-shop.com/blog/detailed-review-2-general-settings/">US Map for WordPress: General Settings Guide</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">To open this section, go to <strong>US Map → Maps</strong>, select the map you want to edit, and open the <strong>General Settings</strong> tab.</p>
</div>
</div>
<div class="wp-block-group article_md_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="590" src="https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-top-1024x590.webp" alt="" class="wp-image-2239" srcset="https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-top-1024x590.webp 1024w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-top-300x173.webp 300w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-top-768x442.webp 768w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-top-524x302.webp 524w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-top-695x400.webp 695w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-top.webp 1235w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">If you have created multiple maps, use the <strong>Select a map</strong> dropdown at the top of the page to choose the one you want to configure.</p>
<p class="wp-block-paragraph">The <strong>Maps dashboard</strong> button opens the list of all maps created with the plugin.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Map Settings</h2>
<p class="wp-block-paragraph">The <strong>Map Settings</strong> block contains the primary layout, display, tooltip, zoom, and border options.</p>
<h3 class="wp-block-heading">Map Name and Responsive Layout</h3>
<p class="wp-block-paragraph">The <strong>Map name</strong> is used to identify the map in the WordPress dashboard. It does not have to match the title displayed on the website.</p>
<p class="wp-block-paragraph">The <strong>Layout type</strong> option determines how the map responds to the available space:</p>
<ul class="wp-block-list">
<li><strong>Not Responsive</strong> uses the fixed width and height entered in the settings.</li>
<li><strong>Responsive</strong> automatically adjusts the map to the width of its container.</li>
</ul>
<p class="wp-block-paragraph">We recommend using the <strong>Responsive</strong> mode in most cases. It allows the map to adapt to different screen sizes and generally provides better results on mobile devices.</p>
<p class="wp-block-paragraph">When Responsive mode is enabled, the fixed <strong>Map width</strong> and <strong>Map height</strong> fields are unavailable. Instead, you can use <strong>Max width</strong> to prevent the map from becoming too large on wide screens.</p>
<p class="wp-block-paragraph">For example, if the maximum width is set to 980 pixels, the map can become smaller when placed in a narrow content area, but it will not grow beyond 980 pixels.</p>
<h3 class="wp-block-heading">List of Names</h3>
<p class="wp-block-paragraph">The <strong>List of names</strong> section allows you to display a list of state names to the left of the map or use a dropdown list.</p>
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="344" src="https://www.fla-shop.com/blog/wp-content/uploads/2017/12/list-of-state-names-1024x344.webp" alt="" class="wp-image-2240" srcset="https://www.fla-shop.com/blog/wp-content/uploads/2017/12/list-of-state-names-1024x344.webp 1024w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/list-of-state-names-300x101.webp 300w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/list-of-state-names-768x258.webp 768w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/list-of-state-names-524x176.webp 524w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/list-of-state-names-700x235.webp 700w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/list-of-state-names.webp 1222w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<p class="wp-block-paragraph">Additional options control whether inactive areas are included and what happens when a visitor moves the pointer over a state name. You can also adjust the width and font size of the list.</p>
<p class="wp-block-paragraph">This feature is optional and can be left disabled when visitors are expected to interact directly with the map.</p>
<h3 class="wp-block-heading">Zooming Capabilities</h3>
<p class="wp-block-paragraph">The zooming options allow visitors to enlarge the map and move around it. You can enable zooming for all devices or only for mobile devices, display zoom controls, and configure the maximum zoom level and zoom step.</p>
<p class="wp-block-paragraph">These settings are more useful for large and detailed maps, especially the World Map. Zooming is usually not necessary for the United States map, so most websites can leave it disabled.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading">Other Display and Tooltip Settings</h3>
<p class="wp-block-paragraph">The lower part of the Map Settings block includes several additional options for labels, tooltips, borders, and hover effects.</p>
</div>
</div>
<div class="wp-block-group article_md_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="295" src="https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-options-1024x295.webp" alt="" class="wp-image-2241" srcset="https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-options-1024x295.webp 1024w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-options-300x87.webp 300w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-options-768x221.webp 768w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-options-524x151.webp 524w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-options-700x202.webp 700w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-options.webp 1068w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph"><strong>Hide shortnames</strong> removes the state abbreviations displayed on the map.</p>
<p class="wp-block-paragraph"><strong>Enable shadows</strong> adds a shadow effect to states when visitors interact with them. The shadow width can be adjusted in the field below.</p>
<p class="wp-block-paragraph">With <strong>Pin tooltip on click</strong> enabled, the tooltip remains visible after a state is clicked instead of disappearing when the pointer leaves the state.</p>
<p class="wp-block-paragraph">The <strong>Center tooltip on mobile devices</strong> option displays the tooltip in a centered position on smaller screens. This can make longer tooltip content easier to read on smartphones. The <strong>Centered tooltip width</strong> setting controls how much of the screen width the tooltip occupies.</p>
<p class="wp-block-paragraph">The border settings let you specify:</p>
<ul class="wp-block-list">
<li>the default state border color;</li>
<li>the border color on hover;</li>
<li>the border width.</li>
</ul>
<p class="wp-block-paragraph">These settings can be useful when the map uses light colors or when stronger visual separation between states is required.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Content Info</h2>
<p class="wp-block-paragraph">The <strong>Content info</strong> block determines where detailed content appears after a visitor clicks a state, point, or group.</p>
</div>
</div>
<div class="wp-block-group article_md_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="395" src="https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-content-info-1024x395.webp" alt="" class="wp-image-2242" srcset="https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-content-info-1024x395.webp 1024w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-content-info-300x116.webp 300w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-content-info-768x296.webp 768w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-content-info-524x202.webp 524w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-content-info-700x270.webp 700w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-content-info.webp 1073w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading">Content Display Location</h3>
<p class="wp-block-paragraph">The plugin provides three locations for the additional information area.</p>
<p class="wp-block-paragraph"><strong>At right</strong> displays the content in a panel to the right of the map. This layout works well on pages with enough horizontal space and is commonly used for sales territory maps, location directories, and representative contact details.</p>
<p class="wp-block-paragraph"><strong>At bottom</strong> displays the content below the map. This is often a better choice for narrow content columns and layouts that need to work consistently on mobile devices.</p>
<p class="wp-block-paragraph"><strong>Custom HTML container</strong> sends the content to a separate HTML element in your page or template. This option is intended for custom layouts where the standard right or bottom position is not suitable.</p>
<p class="wp-block-paragraph">The best option depends on the page design and the amount of content assigned to each state.</p>
<h3 class="wp-block-heading">Additional Content Options</h3>
<p class="wp-block-paragraph">The <strong>Use ajax to load info</strong> option loads the selected content through AJAX. This allows the information area to update without reloading the entire page.</p>
<p class="wp-block-paragraph">When <strong>Scroll to info area on click</strong> is enabled, the page automatically scrolls to the information area after a visitor clicks the map. This can be especially useful when the content is displayed below the map or when the map is tall on mobile devices.</p>
<p class="wp-block-paragraph">The <strong>Default content</strong> editor lets you add text, images, links, or other content that appears in the information area before a state, point, or group is selected.</p>
<p class="wp-block-paragraph">For example, you can use the default content to provide instructions such as:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><em>Click a state on the map to view contact details.</em></p>
</blockquote>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Font Sizes and Colors</h2>
<p class="wp-block-paragraph">The <strong>Font sizes and colors</strong> block controls the appearance of state labels and tooltip text.</p>
<h3 class="wp-block-heading">Names Displayed on the Map</h3>
<p class="wp-block-paragraph">The settings in the left column apply to names and abbreviations displayed directly on the map.</p>
<p class="wp-block-paragraph">You can configure the font family, font size, default color, and hover color. A text stroke can also be enabled to improve readability when labels are displayed over colored states.</p>
<p class="wp-block-paragraph">The stroke settings include its color, width, opacity, and hover color.</p>
<p class="wp-block-paragraph">A light label with a dark stroke, for example, can remain readable across states with different fill colors.</p>
<h3 class="wp-block-heading">Tooltip Text</h3>
<p class="wp-block-paragraph">The settings in the right column control the text displayed inside tooltips.</p>
<p class="wp-block-paragraph">The <strong>Tooltip name</strong> fields apply to the state or point name, while the <strong>Tooltip comment</strong> fields apply to the additional content shown below it.</p>
<p class="wp-block-paragraph">You can specify a separate font family, font size, and color for each part. When custom typography is not required, these fields can be left unchanged so the map uses its default styles.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Performance Settings</h2>
<p class="wp-block-paragraph">The final block contains options that affect how the plugin generates and loads the map code.</p>
</div>
</div>
<div class="wp-block-group article_md_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="196" src="https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-performance-1024x196.webp" alt="" class="wp-image-2243" srcset="https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-performance-1024x196.webp 1024w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-performance-300x57.webp 300w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-performance-768x147.webp 768w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-performance-524x100.webp 524w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-performance-700x134.webp 700w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/general-settings-performance.webp 1071w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading">Enable Settings Caching</h3>
<p class="wp-block-paragraph">This option caches the processed map settings and helps increase the map loading speed.</p>
<p class="wp-block-paragraph">We recommend leaving it enabled unless you are troubleshooting a problem or have a specific reason to disable caching.</p>
<p class="wp-block-paragraph">After changing map settings, remember to save the changes so that the cached configuration can be updated.</p>
<h3 class="wp-block-heading">Minimize Code Output</h3>
<p class="wp-block-paragraph">With this option enabled, the generated map code is output in a single line.</p>
<p class="wp-block-paragraph">This keeps the source code more compact but does not change the visible appearance or functionality of the map.</p>
<h3 class="wp-block-heading">Delay JavaScript Output</h3>
<p class="wp-block-paragraph">This option moves the generated JavaScript output to the end of the page.</p>
<p class="wp-block-paragraph">Loading the script later can improve compatibility with page layouts or scripts that need the page content to be available before the map is initialized.</p>
<p class="wp-block-paragraph">If the map does not appear correctly after enabling this option, disable it and test the page again.</p>
<h3 class="wp-block-heading">Old AJAX Queries</h3>
<p class="wp-block-paragraph">The <strong>Old AJAX queries</strong> option provides an alternative AJAX mode for compatibility with other WordPress plugins.</p>
<p class="wp-block-paragraph">You normally do not need to enable it. Use this option when the map has problems working alongside another plugin, particularly when content does not load or an AJAX-related conflict occurs.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Recommended Starting Configuration</h2>
<p class="wp-block-paragraph">The General Settings tab contains many options, but most websites only need a small number of changes to get started.</p>
<p class="wp-block-paragraph">For a typical interactive US map, we recommend the following configuration:</p>
<ul class="wp-block-list">
<li>Set <strong>Layout type</strong> to Responsive.</li>
<li>Use <strong>Max width</strong> to match the content width of your website.</li>
<li>Enable <strong>Center tooltip on mobile devices</strong> if tooltips contain more than a few words.</li>
<li>Display additional content at the right for wide layouts or at the bottom for a more mobile-friendly layout.</li>
<li>Leave zooming disabled unless visitors need to examine the map in greater detail.</li>
<li>Keep <strong>Enable Settings Caching</strong> enabled.</li>
<li>Enable <strong>Old AJAX queries</strong> only when troubleshooting compatibility problems.</li>
</ul>
<p class="wp-block-paragraph">These settings provide a responsive and practical starting point. You can then adjust the labels, tooltips, borders, content location, and other options to match the design and purpose of your website.</p>
<p class="wp-block-paragraph">The next configuration tab, <strong>Detailed Settings</strong>, lets you customize individual states, including their colors, links, tooltip content, and additional information.</p>
</div>
</div>
<p class="has-text-align-center wp-block-paragraph"><a class="greenbutton" href="https://www.fla-shop.com/products/wp-plugins/united-states/us/">Try United States map for WordPress for free</a></p>
<p>The post <a href="https://www.fla-shop.com/blog/detailed-review-2-general-settings/">US Map for WordPress: General Settings Guide</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.fla-shop.com/blog/detailed-review-2-general-settings/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>How to Use the Maps Dashboard in the WordPress US Map Plugin</title>
		<link>https://www.fla-shop.com/blog/detailed-review-1-maps-list/</link>
					<comments>https://www.fla-shop.com/blog/detailed-review-1-maps-list/#comments</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 11 Dec 2017 19:25:24 +0000</pubDate>
				<category><![CDATA[Plugin reviews]]></category>
		<guid isPermaLink="false">https://www.fla-shop.com/blog/?p=203</guid>

					<description><![CDATA[<p>Learn how to create and manage interactive US maps, copy shortcodes, export or import complete map configurations, and control access to the plugin settings.</p>
<p>The post <a href="https://www.fla-shop.com/blog/detailed-review-1-maps-list/">How to Use the Maps Dashboard in the WordPress US Map Plugin</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">The Maps Dashboard is the central place for managing maps created with the WordPress US Map Plugin. From this screen, you can create additional maps, open their settings, copy shortcodes, delete maps, export complete configurations, and restore maps from JSON files.</p>
<p class="wp-block-paragraph">When the plugin is installed, it automatically creates the first map with the name <strong>New map</strong>. You can start configuring this map immediately or create additional maps for different pages, departments, territories, or projects.</p>
<p class="wp-block-paragraph">Each map has its own settings and shortcode. This means that one WordPress website can display several interactive US maps with different colors, state content, groups, points, and behavior.</p>
<p class="wp-block-paragraph">This guide is part of our <a href="https://www.fla-shop.com/blog/wordpress-us-map-plugin-overview/" data-type="link" data-id="https://www.fla-shop.com/blog/wordpress-us-map-plugin-overview/">WordPress US Map Plugin overview</a> and documentation series.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Maps Dashboard overview</h2>
<p class="wp-block-paragraph">Open <strong>US Map → Maps</strong> in the WordPress administrator menu to access the Maps Dashboard.</p>
</div>
</div>
<div class="wp-block-group article_md_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="641" src="https://www.fla-shop.com/blog/wp-content/uploads/2017/12/maps-dashboard-1024x641.webp" alt="Maps Dashboard in the WordPress US Map Plugin showing the map list, shortcode, edit links, JSON tools, and access settings" class="wp-image-2233" srcset="https://www.fla-shop.com/blog/wp-content/uploads/2017/12/maps-dashboard-1024x641.webp 1024w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/maps-dashboard-300x188.webp 300w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/maps-dashboard-768x481.webp 768w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/maps-dashboard-1536x962.webp 1536w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/maps-dashboard-524x328.webp 524w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/maps-dashboard-639x400.webp 639w, https://www.fla-shop.com/blog/wp-content/uploads/2017/12/maps-dashboard.webp 1579w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">The Maps Dashboard provides access to all map configurations, shortcodes, editing sections, JSON tools, and plugin permissions.</figcaption></figure>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">The screen is divided into several functional areas.</p>
<h3 class="wp-block-heading">Add new map</h3>
<p class="wp-block-paragraph">The <strong>Add new map</strong> section creates another map configuration. Enter a descriptive name and click <strong>Add new map</strong>.</p>
<p class="wp-block-paragraph">The name helps you identify the map inside the WordPress dashboard. Clear names become especially useful when the website contains several maps.</p>
<p class="wp-block-paragraph">Examples include:</p>
<ul class="wp-block-list">
<li>Main Sales Territory Map</li>
<li>Dealer Locations</li>
<li>Regional Contacts</li>
<li>Homepage Map</li>
<li>Service Areas</li>
</ul>
<p class="wp-block-paragraph">The first map named <strong>New map</strong> is created automatically when the plugin is installed. You can rename or configure it instead of creating another map immediately.</p>
<h3 class="wp-block-heading">Map list</h3>
<p class="wp-block-paragraph">The central table displays all maps created with the plugin.</p>
<p class="wp-block-paragraph">Each row includes:</p>
<ul class="wp-block-list">
<li>a map selection checkbox;</li>
<li>the map name;</li>
<li>its shortcode;</li>
<li>links to the editing sections;</li>
<li>an individual Delete link.</li>
</ul>
<p class="wp-block-paragraph">The checkboxes are used when exporting one or more maps or when deleting several maps through <strong>Bulk Actions</strong>.</p>
<h3 class="wp-block-heading">Shortcode</h3>
<p class="wp-block-paragraph">Every map has its own shortcode, for example:</p>
<div class="wp-block-syntaxhighlighter-code ">
<pre class="brush: plain; title: ; notranslate">
&#x5B;usahtml5map id=&quot;0&quot;]
</pre>
</div>
<p class="wp-block-paragraph">The ID identifies the specific map configuration that WordPress should display. Always copy the shortcode from the required map row rather than typing it manually.</p>
<h3 class="wp-block-heading">Edit links</h3>
<p class="wp-block-paragraph">The links in the <strong>Edit</strong> column open the main sections of the selected map:</p>
<ul class="wp-block-list">
<li>General Settings</li>
<li>Detailed Settings</li>
<li>Groups Settings</li>
<li>Points Settings</li>
<li>Tools</li>
<li>Preview</li>
</ul>
<p class="wp-block-paragraph">These links provide a quick way to move directly from the map list to the required part of the interface.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Creating and managing maps</h2>
<h3 class="wp-block-heading">Creating another map</h3>
<p class="wp-block-paragraph">To create an additional map:</p>
<ol class="wp-block-list">
<li>Enter a name in the <strong>New map name</strong> field.</li>
<li>Click <strong>Add new map</strong>.</li>
<li>Find the new map in the list.</li>
<li>Open General Settings or another editing section.</li>
<li>Configure the map for its intended use.</li>
</ol>
<p class="wp-block-paragraph">Each new map begins as a separate configuration. Changes made to one map do not change the settings of other maps.</p>
<p class="wp-block-paragraph">Multiple maps can be useful when you need:</p>
<ul class="wp-block-list">
<li>different sales territories for separate departments;</li>
<li>separate maps for different pages;</li>
<li>a dealer map and an office map;</li>
<li>maps with different state content;</li>
<li>different versions of a map for testing.</li>
</ul>
<h3 class="wp-block-heading">Editing an existing map</h3>
<p class="wp-block-paragraph">Use the links in the <strong>Edit</strong> column to open a particular section.</p>
<p class="wp-block-paragraph">For example:</p>
<ul class="wp-block-list">
<li>use <strong>General settings</strong> to configure the overall appearance and behavior;</li>
<li>use <strong>Detailed settings</strong> to edit individual states;</li>
<li>use <strong>Groups settings</strong> to combine states into regions;</li>
<li>use <strong>Points settings</strong> to add and configure markers;</li>
<li>use <strong>Tools</strong> for CSV operations and Custom JavaScript;</li>
<li>use <strong>Preview</strong> to test the finished map.</li>
</ul>
<p class="wp-block-paragraph">You can also select a map from the map selector displayed at the top of the individual settings pages.</p>
<h3 class="wp-block-heading">Deleting maps</h3>
<p class="wp-block-paragraph">To delete one map, click the red <strong>Delete</strong> link in its row.</p>
<p class="wp-block-paragraph">To delete several maps:</p>
<ol class="wp-block-list">
<li>Select their checkboxes.</li>
<li>Choose the delete action from <strong>Bulk Actions</strong>.</li>
<li>Click <strong>Apply</strong>.</li>
</ol>
<p class="wp-block-paragraph">Deleting a map removes its configuration. Pages containing that map’s shortcode will no longer be able to display it correctly.</p>
<p class="wp-block-paragraph">Before deleting an important map, export it to a JSON file so that the configuration can be restored later.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Publishing a map with its shortcode</h2>
<p class="wp-block-paragraph">After configuring and testing a map, copy its shortcode from the Maps Dashboard.</p>
<p class="wp-block-paragraph">To add the map to a WordPress page or post:</p>
<ol class="wp-block-list">
<li>Open the page or post in the WordPress editor.</li>
<li>Add a <strong>Shortcode</strong> block.</li>
<li>Paste the shortcode copied from the Maps Dashboard.</li>
<li>Preview the page.</li>
<li>Publish or update it.</li>
</ol>
<p class="wp-block-paragraph">For example:</p>
<div class="wp-block-syntaxhighlighter-code ">
<pre class="brush: plain; title: ; notranslate">
&#x5B;usahtml5map id=&quot;0&quot;]
</pre>
</div>
<p class="wp-block-paragraph">The ID shown above is only an example. Your map may have a different ID.</p>
<p class="wp-block-paragraph">The shortcode can also be used in page builders and other WordPress elements that support shortcode output.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Exporting, importing, and backing up maps</h2>
<p class="wp-block-paragraph">The <strong>Export/import</strong> section works with complete map configurations in JSON format.</p>
<p class="wp-block-paragraph">This is different from the CSV tools available in the Tools section. JSON is intended for complete backups and transfers, while CSV is intended for editing state or point data in a spreadsheet.</p>
<h3 class="wp-block-heading">Exporting maps</h3>
<p class="wp-block-paragraph">To export one or more maps:</p>
<ol class="wp-block-list">
<li>Select the checkbox beside each map you want to save.</li>
<li>Click <strong>Export</strong> in the Export/import section.</li>
<li>Save the generated JSON file to your computer or another secure location.</li>
</ol>
<p class="wp-block-paragraph">A JSON export can be useful for:</p>
<ul class="wp-block-list">
<li>creating a backup before major changes;</li>
<li>saving a completed map configuration;</li>
<li>moving maps to another compatible WordPress installation;</li>
<li>protecting a map before deletion;</li>
<li>transferring settings from a test website to a production website.</li>
</ul>
<p class="wp-block-paragraph">Use a descriptive filename that includes the date, for example:</p>
<div class="wp-block-syntaxhighlighter-code ">
<pre class="brush: plain; title: ; notranslate">
us-map-backup-2026-08-04.json
</pre>
</div>
<p class="wp-block-paragraph">Keep important backups outside the website’s hosting account. A backup stored only on the same server may not be available if the website or hosting account becomes inaccessible.</p>
<h3 class="wp-block-heading">Importing maps</h3>
<p class="wp-block-paragraph">To import a previously exported configuration:</p>
<ol class="wp-block-list">
<li>Open the Maps Dashboard.</li>
<li>Click <strong>Import</strong>.</li>
<li>Select a compatible JSON file.</li>
<li>Complete the import process.</li>
<li>Open the imported map in Preview.</li>
<li>Check its content and behavior before publishing it.</li>
</ol>
<p class="wp-block-paragraph">After moving a map between websites, verify any settings that may refer to the original site, including:</p>
<ul class="wp-block-list">
<li>internal page links;</li>
<li>image URLs;</li>
<li>Custom JavaScript;</li>
<li>page element IDs;</li>
<li>integrations with other plugins.</li>
</ul>
<p class="wp-block-paragraph">Keep the original JSON file until you have confirmed that the imported map works correctly.</p>
<h3 class="wp-block-heading">JSON export and CSV export</h3>
<p class="wp-block-paragraph">The two export formats serve different purposes:</p>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><strong>JSON export</strong> saves complete map configurations and is intended for backup, restoration, or migration.</p>
</blockquote>
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><strong>CSV export</strong> contains state or point data in a spreadsheet-friendly format and is intended for bulk editing.</p>
</blockquote>
<p class="wp-block-paragraph">Use JSON when you need to preserve the entire map. Use CSV when you need to update many state or point settings in a spreadsheet.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Access rights for editors</h2>
<p class="wp-block-paragraph">The <strong>Access rights to plugin settings</strong> section controls whether WordPress users with the <strong>Editor</strong> role can access and modify the map settings.</p>
<p class="wp-block-paragraph">To grant access:</p>
<ol class="wp-block-list">
<li>Select the <strong>Editor</strong> checkbox.</li>
<li>Click <strong>Save</strong>.</li>
</ol>
<p class="wp-block-paragraph">Enable this option only for trusted users. Editors with access to the plugin can change map content, colors, links, groups, points, and other settings.</p>
<p class="wp-block-paragraph">Leaving the option disabled limits access according to the plugin’s default permissions.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Next step</h2>
<p class="wp-block-paragraph">After creating or selecting a map, the next step is to configure its overall appearance and behavior in <strong>General Settings</strong>.</p>
<p class="wp-block-paragraph">Continue with the <a href="https://www.fla-shop.com/blog/detailed-review-2-general-settings/">General Settings guide</a>, return to the <a href="https://www.fla-shop.com/blog/wordpress-us-map-plugin-overview/">complete WordPress US Map Plugin overview</a>, or visit the <a href="https://www.fla-shop.com/products/wp-plugins/united-states/us/">US Interactive Map product page</a> to view the demo and current license options.</p>
</div>
</div>
<p class="wp-block-paragraph">
<p>The post <a href="https://www.fla-shop.com/blog/detailed-review-1-maps-list/">How to Use the Maps Dashboard in the WordPress US Map Plugin</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.fla-shop.com/blog/detailed-review-1-maps-list/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>WordPress US Map Plugin: Complete Overview</title>
		<link>https://www.fla-shop.com/blog/wordpress-us-map-plugin-overview/</link>
					<comments>https://www.fla-shop.com/blog/wordpress-us-map-plugin-overview/#comments</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 10 Dec 2017 19:40:20 +0000</pubDate>
				<category><![CDATA[Plugin reviews]]></category>
		<guid isPermaLink="false">https://www.fla-shop.com/blog/?p=197</guid>

					<description><![CDATA[<p>Explore the Fla-shop WordPress US Map Plugin and learn how to create clickable states, custom regions, markers, tooltips, and interactive content. This overview also links to detailed guides for every section of the plugin interface.</p>
<p>The post <a href="https://www.fla-shop.com/blog/wordpress-us-map-plugin-overview/">WordPress US Map Plugin: Complete Overview</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">The plugin is designed for sales territories, dealer and distributor networks, representative directories, office locations, regional data, and other projects organized by US state.</p>
<p class="wp-block-paragraph">This overview explains how the Fla-shop WordPress US Map Plugin works and introduces each section of its interface, with links to detailed setup guides.</p>
</div>
</div>
<div class="wp-block-group plugin-cta">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading">Ready to explore the map?</h3>
<p class="wp-block-paragraph">Visit the product page to see examples, download the demo plugin, and compare the current license options.</p>
<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://www.fla-shop.com/products/wp-plugins/united-states/us/">View the US Interactive Map</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="wp-block-group article-toc">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">In this article</h2>
<ul class="wp-block-list">
<li><a href="#what-you-can-create">What can you create with the plugin?</a></li>
<li><a href="#how-the-plugin-works">How the WordPress US map works</a></li>
<li><a href="#plugin-interface">Plugin interface overview</a></li>
<li><a href="#display-information">Ways to display information</a></li>
<li><a href="#common-use-cases">Common use cases</a></li>
<li><a href="#installation">Installing and publishing the map</a></li>
<li><a href="#wordpress-vs-javascript">WordPress plugin or JavaScript map?</a></li>
<li><a href="#demo-licensing-support">Demo, licensing, and support</a></li>
<li><a href="#faq">Frequently asked questions</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Plugin guide</h2>
<p class="wp-block-paragraph">Use this overview as the main entry point to the documentation:</p>
<ul class="wp-block-list">
<li><a href="https://www.fla-shop.com/blog/detailed-review-1-maps-list/">Maps Dashboard, JSON export, import, and backups</a></li>
<li><a href="https://www.fla-shop.com/blog/detailed-review-2-general-settings/">General Settings</a></li>
<li><a href="https://www.fla-shop.com/blog/detailed-review-3-detailed-settings/">Detailed Settings for individual states</a></li>
<li><a href="https://www.fla-shop.com/blog/detailed-review-4-groups-settings/">Group Settings</a></li>
<li><a href="https://www.fla-shop.com/blog/detailed-review-5-points-settings/">Points and markers</a></li>
<li><a href="#csv">CSV tools and Custom JavaScript</a></li>
<li><a href="#preview">Preview and testing</a></li>
</ul>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 id="what-you-can-create" class="wp-block-heading">What can you create with the plugin?</h2>
<p class="wp-block-paragraph">The plugin is designed for websites that need to present information by US state, by a custom group of states, or by specific locations placed on the map.</p>
<ul class="wp-block-list">
<li>Sales territory maps</li>
<li>Dealer and distributor directories</li>
<li>Representative contact maps</li>
<li>Office and service location maps</li>
<li>Regional statistics and data visualization</li>
<li>Election, demographic, or business data</li>
<li>State-based website navigation</li>
<li>Interactive infographics</li>
<li>Maps with links to state-specific pages</li>
</ul>
<p class="wp-block-paragraph">For example, a company can divide the country among several sales representatives, color each territory differently, and show the appropriate contact information when a visitor clicks a state. A directory website can use every state as a link to a local page. A nonprofit organization can use colors to display the status of a program across the country.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Try the Interactive US Map</h2>
<p class="wp-block-paragraph">Click a state in the map below to see how the plugin can display location-specific information. This live example demonstrates clickable states, custom colors, tooltips, and content displayed next to the map.</p>
</div>
</div>
<p> <!-- start Fla-shop.com HTML5 Map --> <div class='usaHtml5Mapright htmlMapResponsive' style='max-width:980px; width: 100%'><div id='usa-html5-map-map-container_5' class='usaHtml5MapContainer' data-map-variable='usahtml5map_map_5'></div> <style> #usa-html5-map-map-container_5 { } #usa-html5-map-map-container_5 .fm-tooltip-name { color: #000000; font-size: 20px; } #usa-html5-map-map-container_5 .fm-tooltip-comment { } #usa-html5-map-map-container_5 .fm-tooltip-comment p { } @media only screen and (max-width: 480px) { #usa-html5-map-map-container_5 { float: none; width: 100%; } } </style><script type="text/javascript"> jQuery(function(){ var hightlighted = null; usahtml5map_map_5 = new FlaShopUSAMap(usahtml5map_map_cfg_2); usahtml5map_map_5.draw('usa-html5-map-map-container_5'); usahtml5map_map_5.on('mousein', function(ev, sid, map) { if (hightlighted && sid != hightlighted) { map.stateHighlightOut(hightlighted); hightlighted = null; } }); var html5map_onclick = function(ev, sid, map) { var cfg = usahtml5map_map_cfg_2; var link = map.fetchStateAttr(sid, 'link'); var is_group = map.fetchStateAttr(sid, 'group'); var popup_id = map.fetchStateAttr(sid, 'popup-id'); var is_group_info = false; if (typeof cfg.map_data[sid] !== 'undefined') jQuery('#usa-html5-map-selector_5').val(sid); else jQuery('#usa-html5-map-selector_5').val(''); if (is_group==undefined) { if (sid.substr(0,1)=='p') { popup_id = map.fetchPointAttr(sid, 'popup_id'); link = map.fetchPointAttr(sid, 'link'); } } else if (typeof cfg.groups[is_group]['ignore_link'] == 'undefined' || ! cfg.groups[is_group].ignore_link) { link = cfg.groups[is_group].link; popup_id = cfg.groups[is_group]['popup_id']; is_group_info = true; } if (link=='#popup') { if (typeof SG_POPUP_DATA == "object") { if (popup_id in SG_POPUP_DATA) { SGPopup.prototype.showPopup(popup_id,false); } else { jQuery.ajax({ type: 'POST', url: 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=2' + '&usahtml5map_get_popup', data: {popup_id:popup_id}, }).done(function(data) { jQuery('body').append(data); SGPopup.prototype.showPopup(popup_id,false); }); } } else if (typeof SGPBPopup == "function") { var popup = SGPBPopup.createPopupObjById(popup_id); popup.prepareOpen(); popup.open(); } return false; } if (link == '#info') { var id = is_group_info ? is_group : (sid.substr(0,1)=='p' ? sid : map.fetchStateAttr(sid, 'id')); jQuery('#usa-html5-map-state-info_5').html('Loading...'); jQuery.ajax({ type: 'POST', url: (is_group_info ? 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=2' + '&usahtml5map_get_group_info=' : 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=2' + '&usahtml5map_get_state_info=') + id, success: function(data, textStatus, jqXHR){ jQuery('#usa-html5-map-state-info_5').html(data); }, dataType: 'text' }); return false; } if (ev===null && link!='') { if (!jQuery('.html5dummilink').length) { jQuery('body').append('<a href="#" class="html5dummilink" style="display:none"></a>'); } jQuery('.html5dummilink').attr('href',link).attr('target',(map.fetchStateAttr(sid, 'isNewWindow') ? '_blank' : '_self'))[0].click(); } }; usahtml5map_map_5.on('click',html5map_onclick); }); </script><div id='usa-html5-map-state-info_5' class='usaHtml5MapStateInfo'><p>Click on any state to display the corresponding content near the map</p> </div> </div> <div style='clear: both'></div> <!-- end HTML5 Map --> </p>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">This example was created with the Fla-shop WordPress US Map Plugin. Map colors, content, links, groups, and markers can all be customized from the WordPress dashboard.</p>
<p class="wp-block-paragraph"><a href="https://www.fla-shop.com/products/wp-plugins/united-states/us/">View the plugin demo and license options</a></p>
</div>
</div>
<p><!-- IMAGE PLACEHOLDER
File: wordpress-us-map-live-example.webp
Alt: Interactive US map created with the Fla-shop WordPress plugin
Suggested placement: after the paragraph above
--></p>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 id="how-the-plugin-works" class="wp-block-heading">How the WordPress US map works</h2>
<p class="wp-block-paragraph">The basic workflow is straightforward:</p>
<ol class="wp-block-list">
<li>Install and activate the plugin.</li>
<li>Create a new map in the Maps Dashboard.</li>
<li>Configure the overall map appearance and behavior.</li>
<li>Customize individual states, groups, and markers.</li>
<li>Test the result in Preview.</li>
<li>Copy the shortcode and add it to a WordPress page or post.</li>
</ol>
<p class="wp-block-paragraph">You can create multiple map configurations. Each map has its own shortcode, so the same WordPress website can display different maps on different pages.</p>
<p class="wp-block-paragraph">For installation instructions, see <a href="https://www.fla-shop.com/blog/how-to-install-wordpress-plugin-from-fla-shop-com/">how to install a Fla-shop WordPress plugin</a>.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 id="plugin-interface" class="wp-block-heading">WordPress US Map Plugin interface overview</h2>
<p class="wp-block-paragraph">The interface is divided into sections. Some settings affect the entire map, while others apply to individual states, custom groups, or points placed on the map.</p>
</div>
</div>
<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="674" src="https://www.fla-shop.com/blog/wp-content/uploads/2026/08/us-map-plugin-interface-1024x674.webp" alt="WordPress US Map Plugin interface showing the map selector, Maps Dashboard, settings tabs, and map preview" class="wp-image-2228" srcset="https://www.fla-shop.com/blog/wp-content/uploads/2026/08/us-map-plugin-interface-1024x674.webp 1024w, https://www.fla-shop.com/blog/wp-content/uploads/2026/08/us-map-plugin-interface-300x197.webp 300w, https://www.fla-shop.com/blog/wp-content/uploads/2026/08/us-map-plugin-interface-768x505.webp 768w, https://www.fla-shop.com/blog/wp-content/uploads/2026/08/us-map-plugin-interface-1536x1011.webp 1536w, https://www.fla-shop.com/blog/wp-content/uploads/2026/08/us-map-plugin-interface-524x345.webp 524w, https://www.fla-shop.com/blog/wp-content/uploads/2026/08/us-map-plugin-interface-608x400.webp 608w, https://www.fla-shop.com/blog/wp-content/uploads/2026/08/us-map-plugin-interface.webp 1561w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">The plugin interface provides access to the map selector, Maps Dashboard, configuration tabs, and map preview.</figcaption></figure>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading">Maps Dashboard</h3>
<p><!-- IMAGE PLACEHOLDER
File: wordpress-us-map-dashboard.webp
Alt: Maps Dashboard in the WordPress US Map Plugin
Suggested placement: below the Maps Dashboard heading
--></p>
<p class="wp-block-paragraph">The Maps Dashboard is the central management area for all maps created with the plugin.</p>
<p class="wp-block-paragraph">From this page, you can:</p>
<ul class="wp-block-list">
<li>Create a new map</li>
<li>Open an existing map for editing</li>
<li>View the shortcode assigned to each map</li>
<li>Delete maps that are no longer needed</li>
<li>Export selected maps to a JSON file</li>
<li>Import maps from a JSON backup</li>
<li>Move map configurations between compatible WordPress installations</li>
<li>Create backups before major changes or a website migration</li>
</ul>
<p class="wp-block-paragraph">JSON export is useful for regular backups, staging-site work, and moving a finished configuration to another website.</p>
<p class="wp-block-paragraph"><a href="https://www.fla-shop.com/blog/detailed-review-1-maps-list/">Read the Maps Dashboard, JSON export, import, and backup guide.</a></p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading">General Settings</h3>
<p><!-- IMAGE PLACEHOLDER
File: wordpress-us-map-general-settings.webp
Alt: General Settings screen in the WordPress US Map Plugin
Suggested placement: below the General Settings heading
--></p>
<p class="wp-block-paragraph">General Settings control the appearance and behavior of the map as a whole. This is where you establish the basic presentation before customizing individual states or markers.</p>
<p class="wp-block-paragraph">Typical options include:</p>
<ul class="wp-block-list">
<li>Map name and general configuration</li>
<li>Responsive sizing and map dimensions</li>
<li>Default state colors and borders</li>
<li>Labels and visual styling</li>
<li>Tooltip appearance</li>
<li>Content display mode and placement</li>
<li>Initial content shown before a state is selected</li>
<li>General interaction settings</li>
</ul>
<p class="wp-block-paragraph">These controls help the map match the WordPress theme and determine how state-specific information appears to visitors.</p>
<p class="wp-block-paragraph"><a href="https://www.fla-shop.com/blog/detailed-review-2-general-settings/">Read the WordPress US Map General Settings guide.</a></p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading">Detailed Settings</h3>
<p><!-- IMAGE PLACEHOLDER
File: wordpress-us-map-detailed-settings.webp
Alt: Detailed Settings for an individual state in the WordPress US Map Plugin
Suggested placement: below the Detailed Settings heading
--></p>
<p class="wp-block-paragraph">Detailed Settings are used to configure individual states. Each state can have its own appearance, content, and behavior.</p>
<ul class="wp-block-list">
<li>Displayed name and abbreviation</li>
<li>Main color and hover color</li>
<li>Tooltip text</li>
<li>Additional content</li>
<li>Images</li>
<li>Links</li>
<li>Click behavior</li>
</ul>
<p class="wp-block-paragraph">This makes it possible to use one map for several purposes at the same time. California could link to a regional landing page, Texas could display a representative’s contact details next to the map, and a state without an active location could show a message such as “Looking for partners in this state.”</p>
<p class="wp-block-paragraph"><a href="https://www.fla-shop.com/blog/detailed-review-3-detailed-settings/">Learn how to customize individual US states.</a></p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading">Group Settings</h3>
<p><!-- IMAGE PLACEHOLDER
File: wordpress-us-map-group-settings.webp
Alt: Group Settings for a custom group of states in the WordPress US Map Plugin
Suggested placement: below the Group Settings heading
--></p>
<p class="wp-block-paragraph">Group Settings allow several states to behave as one custom region. This is especially useful when the structure of your business does not follow individual state boundaries.</p>
<p class="wp-block-paragraph">Common examples include:</p>
<ul class="wp-block-list">
<li>Sales territories</li>
<li>Service regions</li>
<li>Dealer networks</li>
<li>Company divisions</li>
<li>Statistical regions</li>
<li>Multi-state franchises</li>
</ul>
<p class="wp-block-paragraph">You can select the states included in a group and assign shared colors, content, images, links, or actions. For example, Washington, Oregon, and Idaho could form a Northwest territory with one representative and one set of contact details.</p>
<p class="wp-block-paragraph"><a href="https://www.fla-shop.com/blog/detailed-review-4-groups-settings/">Learn how to create groups of US states.</a></p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading">Points Settings</h3>
<p><!-- IMAGE PLACEHOLDER
File: wordpress-us-map-points-markers.webp
Alt: Points and markers settings in the WordPress US Map Plugin
Suggested placement: below the Points Settings heading
--></p>
<p class="wp-block-paragraph">Points are markers placed on top of the map. They are useful when a specific location matters more than the state as a whole.</p>
<p class="wp-block-paragraph">Points can represent:</p>
<ul class="wp-block-list">
<li>Offices</li>
<li>Stores</li>
<li>Warehouses</li>
<li>Headquarters</li>
<li>Dealers</li>
<li>Service centers</li>
<li>Project locations</li>
<li>Cities served by a representative</li>
</ul>
<p class="wp-block-paragraph">A point can have its own name, label, color, hover color, tooltip, link, image, and content. Points are added and positioned visually on the map; they are not generated automatically from latitude and longitude coordinates.</p>
<p class="wp-block-paragraph">States and points can also work together. A state click can display regional information, while markers identify specific offices or dealers within that region.</p>
<p class="wp-block-paragraph"><a href="https://www.fla-shop.com/blog/detailed-review-5-points-settings/">Learn how to add points and markers to the US map.</a></p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading">Tools</h3>
<p><!-- IMAGE PLACEHOLDER
File: wordpress-us-map-tools.webp
Alt: CSV and Custom JavaScript tools in the WordPress US Map Plugin
Suggested placement: below the Tools heading
--></p>
<p class="wp-block-paragraph">The Tools section is intended for bulk editing, data transfer, integrations, and advanced customization.</p>
<p class="wp-block-paragraph">Its main functions include:</p>
<ul class="wp-block-list">
<li>Exporting state and point settings to CSV</li>
<li>Editing map data in spreadsheet software</li>
<li>Importing updated data from CSV</li>
<li>Identifying the internal IDs of map areas and points</li>
<li>Adding Custom JavaScript</li>
<li>Connecting map events with other scripts or WordPress plugins</li>
</ul>
<p class="wp-block-paragraph">CSV import and export are especially helpful when a map contains a large amount of data. Instead of editing every state separately, you can update labels, colors, links, and content in a spreadsheet and import the result back into the plugin.</p>
<p class="wp-block-paragraph">Custom JavaScript is intended for advanced scenarios, such as responding to state clicks, filtering content, or passing the selected state to another component. Normal map setup does not require JavaScript.</p>
<p class="wp-block-paragraph"><a href="#csv">Explore CSV import, export, and Custom JavaScript.</a></p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading">Preview</h3>
<p><!-- IMAGE PLACEHOLDER
File: wordpress-us-map-preview.webp
Alt: Preview screen in the WordPress US Map Plugin
Suggested placement: below the Preview heading
--></p>
<p class="wp-block-paragraph">The Preview section lets you test the map before placing it on a public page.</p>
<p class="wp-block-paragraph">Use Preview to check:</p>
<ul class="wp-block-list">
<li>State and group colors</li>
<li>Hover effects</li>
<li>Tooltips</li>
<li>Links</li>
<li>Additional content</li>
<li>Markers</li>
<li>Click actions</li>
<li>Responsive behavior</li>
<li>The shortcode assigned to the selected map</li>
</ul>
<p class="wp-block-paragraph">Preview is particularly useful after importing CSV data, changing group settings, or adding several points.</p>
<p class="wp-block-paragraph"><a href="#preview">Learn how to preview and test the interactive map.</a></p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 id="display-information" class="wp-block-heading">Ways to display information</h2>
<p class="wp-block-paragraph">The plugin supports several ways to present content. The best option depends on how much information you need to show and what you want visitors to do after interacting with the map.</p>
<h3 class="wp-block-heading">Tooltips</h3>
<p class="wp-block-paragraph">Tooltips appear when a visitor moves the pointer over a state, group, or point. They work best for short information such as a state name, representative name, phone number, brief status, or short description.</p>
<h3 class="wp-block-heading">Content beside or below the map</h3>
<p class="wp-block-paragraph">An additional content area can show more detailed information after a visitor clicks a state or group. It is suitable for contact details, formatted descriptions, images, addresses, opening hours, lists of services, and related links.</p>
<p class="wp-block-paragraph">This approach keeps the map visible while providing more room than a tooltip.</p>
<h3 class="wp-block-heading">Direct links</h3>
<p class="wp-block-paragraph">States, groups, and points can open URLs. This is useful when the map acts as website navigation. For example, each state can link to a dedicated landing page, local directory, office page, or regional product catalog.</p>
<h3 class="wp-block-heading">Custom actions</h3>
<p class="wp-block-paragraph">Advanced behavior can be added through Custom JavaScript. This is useful when a map selection needs to trigger another script, filter a list, or interact with a third-party plugin.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 id="common-use-cases" class="wp-block-heading">Common use cases</h2>
<h3 class="wp-block-heading">Sales territory map</h3>
<p class="wp-block-paragraph">Combine states into custom regions, assign each territory a color, and display the appropriate representative when the region is selected. A territory map helps visitors find the correct contact without searching through a long staff directory.</p>
<h3 class="wp-block-heading">Dealer or distributor map</h3>
<p class="wp-block-paragraph">Use states to show regional dealer information and points to identify individual locations. States without an active dealer can remain inactive or display a message inviting new partners.</p>
<h3 class="wp-block-heading">Representative map</h3>
<p class="wp-block-paragraph">Add a representative’s name, email address, phone number, image, and service area. The information can appear in a tooltip for a compact layout or in the additional content area for a more detailed profile.</p>
<h3 class="wp-block-heading">Regional data visualization</h3>
<p class="wp-block-paragraph">Apply different colors to states or groups to represent categories, values, performance levels, election results, availability, or program status.</p>
<p class="wp-block-paragraph">The plugin is designed for interactive state-level presentation. It is not a street map and does not provide routes, turn-by-turn navigation, geocoding, or automatic marker placement from geographic coordinates.</p>
<h3 class="wp-block-heading">State-based website navigation</h3>
<p class="wp-block-paragraph">Turn each state into a link to local content. This works well for national directories, franchises, service businesses, membership organizations, and websites with regional pages.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 id="installation" class="wp-block-heading">Installing and publishing the map</h2>
<p class="wp-block-paragraph">The plugin is installed from a ZIP archive through the standard WordPress plugin installer:</p>
<ol class="wp-block-list">
<li>Open <strong>Plugins → Add New</strong>.</li>
<li>Select <strong>Upload Plugin</strong>.</li>
<li>Choose the plugin ZIP file.</li>
<li>Install and activate the plugin.</li>
<li>Open the map section in the WordPress dashboard.</li>
<li>Create or edit a map.</li>
<li>Copy its shortcode from Preview or the Maps Dashboard.</li>
<li>Insert the shortcode into a page or post.</li>
</ol>
<p class="wp-block-paragraph">The shortcode can also be placed in page builders and WordPress editors that support shortcode output.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 id="wordpress-vs-javascript" class="wp-block-heading">WordPress plugin or JavaScript map?</h2>
<p class="wp-block-paragraph">Fla-shop offers the US map in both WordPress and self-hosted JavaScript formats, but the management process is different.</p>
<figure class="wp-block-table">
<table>
<thead>
<tr>
<th>WordPress plugin</th>
<th>JavaScript map</th>
</tr>
</thead>
<tbody>
<tr>
<td>Managed in the WordPress dashboard</td>
<td>Managed through map files and settings</td>
</tr>
<tr>
<td>Visual configuration interface</td>
<td>Designed for non-WordPress websites</td>
</tr>
<tr>
<td>Inserted with a shortcode</td>
<td>Embedded with HTML and JavaScript</td>
</tr>
<tr>
<td>No coding required for normal setup</td>
<td>Basic HTML knowledge may be useful</td>
</tr>
<tr>
<td>Map data stored with the WordPress installation</td>
<td>Map files hosted by the website owner</td>
</tr>
</tbody>
</table>
</figure>
<p class="wp-block-paragraph">This overview focuses on the WordPress version. For a non-WordPress website, see the JavaScript/HTML5 option on the <a href="https://www.fla-shop.com/products/wp-plugins/united-states/us/">US Interactive Map product page</a>.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 id="important-considerations" class="wp-block-heading">Important considerations</h2>
<ul class="wp-block-list">
<li>The map is intended for state-level interaction rather than street navigation.</li>
<li>Points are positioned visually and are not generated automatically from latitude and longitude.</li>
<li>The US map plugin license contains the United States map rather than the entire catalog of countries.</li>
<li>Normal map setup is visual, but unusual integrations may require Custom JavaScript.</li>
<li>Large datasets are easier to maintain through CSV import and export.</li>
<li>JSON export should be used for backups before major changes or website migrations.</li>
</ul>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 id="demo-licensing-support" class="wp-block-heading">Demo, licensing, and support</h2>
<p class="wp-block-paragraph">A demo version is available for testing the interface and core features before purchase. Current license options, pricing, update terms, and support information are listed on the product page so this documentation remains useful when commercial terms change.</p>
<div class="wp-block-group plugin-cta">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading">Try the plugin before purchasing</h3>
<p class="wp-block-paragraph">Download the WordPress demo from the product page and create a test map with your own colors, state content, groups, and markers.</p>
<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://www.fla-shop.com/products/wp-plugins/united-states/us/">View Demo and License Options</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 id="faq" class="wp-block-heading">Frequently asked questions</h2>
<h3 class="wp-block-heading">Can I create a clickable US map in WordPress without coding?</h3>
<p class="wp-block-paragraph">Yes. Standard configuration is handled through the visual WordPress admin interface. You can customize states, links, tooltips, groups, markers, and content without editing code.</p>
<h3 class="wp-block-heading">Can every state have different content?</h3>
<p class="wp-block-paragraph">Yes. Detailed Settings allow each state to have its own colors, label, tooltip, image, link, content, and click behavior.</p>
<h3 class="wp-block-heading">Can several states share the same settings?</h3>
<p class="wp-block-paragraph">Yes. Group Settings let you combine states into a region and assign shared colors, content, links, and actions.</p>
<h3 class="wp-block-heading">Can I show information next to the map?</h3>
<p class="wp-block-paragraph">Yes. State or group content can be displayed in an additional information area placed beside or below the map.</p>
<h3 class="wp-block-heading">Can I add office or dealer markers?</h3>
<p class="wp-block-paragraph">Yes. Points can be positioned visually on the map and configured with their own labels, colors, tooltips, links, images, and content.</p>
<h3 class="wp-block-heading">Can I import state data from a spreadsheet?</h3>
<p class="wp-block-paragraph">Yes. The Tools section supports CSV export and import, which is useful for bulk editing map data.</p>
<h3 class="wp-block-heading">Can I create more than one map?</h3>
<p class="wp-block-paragraph">Yes. You can create multiple maps with different configurations, and each map has its own shortcode.</p>
<h3 class="wp-block-heading">How can I back up a map?</h3>
<p class="wp-block-paragraph">Export the required map from the Maps Dashboard to a JSON file. The file can later be imported into the same or another compatible plugin installation.</p>
<h3 class="wp-block-heading">Does the plugin use Google Maps?</h3>
<p class="wp-block-paragraph">No. It is an interactive vector map built around clickable US states, custom regions, content, links, and points. It is not intended for addresses, routes, satellite imagery, or street navigation.</p>
<h3 class="wp-block-heading">Does the plugin work with Gutenberg and page builders?</h3>
<p class="wp-block-paragraph">The map is inserted with a shortcode, so it can be placed in WordPress editors and page builders that render shortcode output.</p>
<h3 class="wp-block-heading">Can I add Custom JavaScript?</h3>
<p class="wp-block-paragraph">Yes. The Tools section supports Custom JavaScript for advanced interactions and integrations. Regular map setup does not require it.</p>
</div>
</div>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Start creating your interactive US map</h2>
<p class="wp-block-paragraph">The WordPress US Map Plugin can be used as a simple clickable state map or developed into a more advanced territory, dealer, representative, or regional data tool. Start by creating a map in the dashboard, configure its general appearance, add state content, and then extend it with groups, points, CSV data, or custom integrations as needed.</p>
<p class="wp-block-paragraph">Use this overview as the central reference for the plugin, and follow the detailed guides for each section of the interface:</p>
<ul class="wp-block-list">
<li><a href="https://www.fla-shop.com/blog/detailed-review-1-maps-list/">Maps Dashboard, JSON export, import, and backups</a></li>
<li><a href="https://www.fla-shop.com/blog/detailed-review-2-general-settings/">General Settings</a></li>
<li><a href="https://www.fla-shop.com/blog/detailed-review-3-detailed-settings/">Detailed State Settings</a></li>
<li><a href="https://www.fla-shop.com/blog/detailed-review-4-groups-settings/">Group Settings</a></li>
<li><a href="https://www.fla-shop.com/blog/detailed-review-5-points-settings/">Points and markers</a></li>
<li><a href="#csv">CSV tools and Custom JavaScript</a></li>
<li><a href="#preview">Preview and testing</a></li>
</ul>
<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://www.fla-shop.com/products/wp-plugins/united-states/us/">View the US Interactive Map Product Page</a></div>
</div>
</div>
</div>
<p class="wp-block-paragraph">
<p>The post <a href="https://www.fla-shop.com/blog/wordpress-us-map-plugin-overview/">WordPress US Map Plugin: Complete Overview</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.fla-shop.com/blog/wordpress-us-map-plugin-overview/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
			</item>
		<item>
		<title>Try-for-free Customizable US Map</title>
		<link>https://www.fla-shop.com/blog/try-free-customizable-us-map-fla-shop-com/</link>
					<comments>https://www.fla-shop.com/blog/try-free-customizable-us-map-fla-shop-com/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 08 Nov 2017 10:02:28 +0000</pubDate>
				<category><![CDATA[Plugin reviews]]></category>
		<guid isPermaLink="false">https://www.fla-shop.com/blog/?p=336</guid>

					<description><![CDATA[<p>Usually, buyers of standalone software have an opportunity to download a demo/trial version to take measures of the product. Nevertheless, our customers are not an exception and we always offer them the downloading of the demo version to estimate our product.</p>
<p>The post <a href="https://www.fla-shop.com/blog/try-free-customizable-us-map-fla-shop-com/">Try-for-free Customizable US Map</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></description>
										<content:encoded><![CDATA[</p>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">What is a try-for-free customizable US map?</h2>
</p>
<p class="wp-block-paragraph">If you visit the Fla-shop.com website and look for any WordPress plugin, you can see a short link (Download) that allows downloading of the fully-functional demo version. Moreover, the trial of all products, including the US interactive map, is available.</p>
</p>
<figure class="wp-block-image"><img decoding="async" src="https://www.fla-shop.com/blog/wp-content/uploads/2017/09/us-wp-3d-box.png" alt="Software box with the USA map"/></figure>
</p>
<p class="wp-block-paragraph">This try-for-free customizable <a href="https://www.fla-shop.com/products/wp-plugins/united-states/us/">US map plugin</a> can be installed on your WordPress website. You will be surprised, but it is a really FREE customizable US map with the full list of amazing features:</p>
</p>
<ul class="wp-block-list">
<li>Detailed HTML5 map of the US;</li>
</p>
<li>Clickable states;</li>
</p>
<li>Mobile-friendly;</li>
</p>
<li>Adjustable colors, links, and tooltips;</li>
</p>
<li>Easy customization with only a few clicks.</li>
</ul>
</p>
<p class="wp-block-paragraph">Sounds good, right? But please note that all maps made in this free version will have the &#8220;demo&#8221; sticker while being rendered on the webpage. To remove it, you will need to purchase the premium version of our product.</p>
</p>
<h2 class="wp-block-heading">How to install a try-for-free customizable US map from Fla-shop.com?</h2>
</p>
<p class="wp-block-paragraph">Surely, the installation of the WordPress interactive map from Fla-shop.com is simple:</p>
</p>
<ul class="wp-block-list">
<li>download the ZIP archive with the demo version on your local PC;</li>
</p>
<li>go to your WordPress website admin dashboard and use the &#8220;Plugins -&gt; Add new -&gt; Upload&#8221; menu to select the ZIP archive and upload it to the website;</li>
</p>
<li>activate the plugin when the uploading process is completed;</li>
</p>
<li>customize your interactive map settings (as described above);</li>
</p>
<li>add the shortcode of the map to your WordPress blog post or a separate page;</li>
</p>
<li>Voila, you have the free customizable map on your website!</li>
</ul>
</p>
<h2 class="wp-block-heading">How to customize the WordPress interactive maps from Fla-shop.com?</h2>
</p>
<p class="wp-block-paragraph">When you downloaded and activated the free customizable US map plugin from Fla-shop.com, just go to your WordPress website admin dashboard. After that, you will see the new section on the left side of the screen &#8211; &#8220;USA Map&#8221;. So, you can find links for the different plugin settings in this menu: General Settings, Detailed Settings, Groups, Points, Preview, and Maps managing (creation, deleting, settings export/import). </p>
</p>
<p class="wp-block-paragraph">Here you find an example of a customized map with tooltips and links:</p>
</div>
</div>
</p>
<div class="wp-block-group article_md_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained"> <!-- start Fla-shop.com HTML5 Map --> <div class='usaHtml5Mapbottom htmlMapResponsive' style='max-width:980px; width: 100%'><div id='usa-html5-map-map-container_6' class='usaHtml5MapContainer' data-map-variable='usahtml5map_map_6'></div><div style='clear:both; height: 20px;'></div> <style> #usa-html5-map-map-container_6 { } #usa-html5-map-map-container_6 .fm-tooltip-name { color: #084989; font-size: 20px; } #usa-html5-map-map-container_6 .fm-tooltip-comment { } #usa-html5-map-map-container_6 .fm-tooltip-comment p { } @media only screen and (max-width: 480px) { #usa-html5-map-map-container_6 { float: none; width: 100%; } } </style><script type="text/javascript"> jQuery(function(){ var hightlighted = null; usahtml5map_map_6 = new FlaShopUSAMap(usahtml5map_map_cfg_1); usahtml5map_map_6.draw('usa-html5-map-map-container_6'); usahtml5map_map_6.on('mousein', function(ev, sid, map) { if (hightlighted && sid != hightlighted) { map.stateHighlightOut(hightlighted); hightlighted = null; } }); var html5map_onclick = function(ev, sid, map) { var cfg = usahtml5map_map_cfg_1; var link = map.fetchStateAttr(sid, 'link'); var is_group = map.fetchStateAttr(sid, 'group'); var popup_id = map.fetchStateAttr(sid, 'popup-id'); var is_group_info = false; if (typeof cfg.map_data[sid] !== 'undefined') jQuery('#usa-html5-map-selector_6').val(sid); else jQuery('#usa-html5-map-selector_6').val(''); if (is_group==undefined) { if (sid.substr(0,1)=='p') { popup_id = map.fetchPointAttr(sid, 'popup_id'); link = map.fetchPointAttr(sid, 'link'); } } else if (typeof cfg.groups[is_group]['ignore_link'] == 'undefined' || ! cfg.groups[is_group].ignore_link) { link = cfg.groups[is_group].link; popup_id = cfg.groups[is_group]['popup_id']; is_group_info = true; } if (link=='#popup') { if (typeof SG_POPUP_DATA == "object") { if (popup_id in SG_POPUP_DATA) { SGPopup.prototype.showPopup(popup_id,false); } else { jQuery.ajax({ type: 'POST', url: 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=1' + '&usahtml5map_get_popup', data: {popup_id:popup_id}, }).done(function(data) { jQuery('body').append(data); SGPopup.prototype.showPopup(popup_id,false); }); } } else if (typeof SGPBPopup == "function") { var popup = SGPBPopup.createPopupObjById(popup_id); popup.prepareOpen(); popup.open(); } return false; } if (link == '#info') { var id = is_group_info ? is_group : (sid.substr(0,1)=='p' ? sid : map.fetchStateAttr(sid, 'id')); jQuery('#usa-html5-map-state-info_6').html('Loading...'); jQuery.ajax({ type: 'POST', url: (is_group_info ? 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=1' + '&usahtml5map_get_group_info=' : 'https://www.fla-shop.com/blog/' + 'index.php' + '?map_id=1' + '&usahtml5map_get_state_info=') + id, success: function(data, textStatus, jqXHR){ jQuery('#usa-html5-map-state-info_6').html(data); }, dataType: 'text' }); return false; } if (ev===null && link!='') { if (!jQuery('.html5dummilink').length) { jQuery('body').append('<a href="#" class="html5dummilink" style="display:none"></a>'); } jQuery('.html5dummilink').attr('href',link).attr('target',(map.fetchStateAttr(sid, 'isNewWindow') ? '_blank' : '_self'))[0].click(); } }; usahtml5map_map_6.on('click',html5map_onclick); }); </script><div id='usa-html5-map-state-info_6' class='usaHtml5MapStateInfo'></div> </div> <div style='clear: both'></div> <!-- end HTML5 Map --> 
</div>
</div>
</p>
<div class="wp-block-group article_sm_block">
<div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="wp-block-paragraph">In the article &#8220;<a href="https://www.fla-shop.com/blog/5-types-of-interaction-in-plugin-us-map-for-wordpress/">5 types of interaction in plugin US Map for WordPress</a>&#8221; you can also find real examples with different options.</p>
</p>
<h2 class="wp-block-heading">What are the differences between a demo and a premium version of US interactive maps?</h2>
</p>
<p class="wp-block-paragraph">Certainly, the premium version of the US interactive map for WordPress has the following advantages:</p>
</p>
<ul class="wp-block-list">
<li>lifetime license;</li>
</p>
<li>support included;</li>
</p>
<li>no monthly/annual fees;</li>
</p>
<li>no &#8220;demo&#8221; sticker/brand link.</li>
</ul>
</p>
<h2 class="wp-block-heading">Do you have customizable maps of other countries?</h2>
</p>
<p class="wp-block-paragraph">Of course, we have! Just visit our website and look for the <a href="https://www.fla-shop.com/products/">product list</a>, you will not regret it.</p>
</p>
<h2 class="wp-block-heading">What&#8217;s next?</h2>
</p>
<p class="wp-block-paragraph">All in all, if you want to test all the premium options of the USA map plugin for free, just click on the link below and download the plugin.</p>
</p>
<p class="has-text-align-center wp-block-paragraph"><a class="greenbutton" href="https://www.fla-shop.com/products/wp-plugins/united-states/us/">Get a try-for-free customizable US map for WordPress</a></p>
</p>
<p class="wp-block-paragraph">If you want to read more interesting articles, just stay tuned and watch for our blog updates!</p>
</div>
</div>
<p>The post <a href="https://www.fla-shop.com/blog/try-free-customizable-us-map-fla-shop-com/">Try-for-free Customizable US Map</a> appeared first on <a href="https://www.fla-shop.com/blog">Fla-Shop.com</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.fla-shop.com/blog/try-free-customizable-us-map-fla-shop-com/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
