{"id":798,"date":"2018-11-13T13:59:28","date_gmt":"2018-11-13T13:59:28","guid":{"rendered":"https:\/\/www.fla-shop.com\/blog\/?p=798"},"modified":"2022-11-16T13:04:58","modified_gmt":"2022-11-16T13:04:58","slug":"integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups","status":"publish","type":"post","link":"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/","title":{"rendered":"Integration of Interactive US Map with the Popup Builder plugin for displaying popups"},"content":{"rendered":"\n<div class=\"wp-block-group article_sm_block\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>Interactive maps from Fla-shop.com have a convenient, intuitive, mobile-friendly interface. For this reason, they are so popular among various webmasters and web development agencies.<\/p>\n\n\n\n<p>Among the available solutions are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Interactive US maps (include states, and counties);<\/li>\n\n\n\n<li>interactive world maps (maps for any geographical location with the required level of detail and interactivity);<\/li>\n\n\n\n<li>custom maps (development of custom maps based on customer needs \u2013 maps for congressional districts, zip codes, etc.).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Integration of interactive US map with the Popup Builder plugin<\/h2>\n\n\n\n<p>The key advantage of interactive maps from Fla-shop.com is their flexibility. It can be used together with paid and free plugins. One example of successful integration is the use of interactive maps together with Popup Builder ( <a href=\"https:\/\/wordpress.org\/plugins\/popup-builder\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https:\/\/wordpress.org\/plugins\/popup-builder\/<\/a> ), a plugin to create popups.<\/p>\n\n\n\n<p>Popups that appear when you click on a specific section of the map, allow you to display all valuable information in the most simple, understandable, and user-friendly way. This makes it possible to keep the map readable and avoid overloading it with unnecessary information.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group article_md_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_0' class='usaHtml5MapContainer' data-map-variable='usahtml5map_map_0'><\/div><div style='clear:both; height: 20px;'><\/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_4); 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_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_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=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_0').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_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'><\/div> <\/div> <div style='clear: both'><\/div> <!-- end HTML5 Map --> \n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group article_sm_block\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>Popups implemented with the Popup Builder plugin work on any device. They are equally convenient to use from both mobile phones and widescreen displays. If necessary, you can always customize the popup animation, and the appearance of the window, and embed various media files, subscription forms, shortcodes, and links in the popups (some options are available only in the premium version of the plugin).<\/p>\n\n\n\n<p>Integration of Popup Builder with interactive maps from Fla-shop.com is an excellent way to expand the functionality of maps by adding modern, convenient and useful elements that allow you to convey valuable information to the users, collect leads, subscribe on the different newsletters depending on the division of the company, etc. Integration opens rich opportunities for the practical application of interactive maps.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group article_sm_block\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Step-by-step setup guide<\/h2>\n\n\n\n<p>In this section, we will carry out a step-by-step integration of our Interactive <a href=\"https:\/\/www.fla-shop.com\/products\/wp-plugins\/united-states\/us\/\">US map plugin<\/a> with the free Popup Builder plugin.<\/p>\n\n\n\n<p>You can watch the following YouTube video:<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group article_sm_block\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"thumb-wrap\"><div class=\"lyte-wrapper\" style=\"width:640px;max-width:100%;margin:5px auto;\"><div class=\"lyMe\" id=\"WYL_eJzUxTLmnTs\"><div id=\"lyte_eJzUxTLmnTs\" data-src=\"https:\/\/www.fla-shop.com\/blog\/wp-content\/plugins\/wp-youtube-lyte\/lyteCache.php?origThumbUrl=%2F%2Fi.ytimg.com%2Fvi%2FeJzUxTLmnTs%2Fhqdefault.jpg\" class=\"pL\"><div class=\"tC\"><div class=\"tT\"><\/div><\/div><div class=\"play\"><\/div><div class=\"ctrl\"><div class=\"Lctrl\"><\/div><div class=\"Rctrl\"><\/div><\/div><\/div><noscript><a href=\"https:\/\/youtu.be\/eJzUxTLmnTs\" rel=\"nofollow\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.fla-shop.com\/blog\/wp-content\/plugins\/wp-youtube-lyte\/lyteCache.php?origThumbUrl=https%3A%2F%2Fi.ytimg.com%2Fvi%2FeJzUxTLmnTs%2F0.jpg\" alt=\"YouTube video thumbnail\" width=\"640\" height=\"340\" \/><br \/>Watch this video on YouTube<\/a><\/noscript><\/div><\/div><div class=\"lL\" style=\"max-width:100%;width:640px;margin:5px auto;\"><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group article_sm_block\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<ol class=\"wp-block-list\">\n<li>Download a plugin with a map of the United States at this <a href=\"https:\/\/www.fla-shop.com\/download\/usahtmlmap-demo.zip\">direct download link<\/a>.<\/li>\n\n\n\n<li>Upload the interactive US map plugin from Fla-shop.com on the &#8220;Plugins&#8221; -> &#8220;Add new&#8221; page. Select the .zip file and click &#8220;Install&#8221;.<\/li>\n\n\n\n<li>In the search plugin box type \u00abPopup Builder\u00bb. Looking for this plugin and installing it. Note: since there are quite a lot of plugins with a similar name, we need the one whose developer is Sygnoos.<\/li>\n\n\n\n<li>After installation, activate both plugins on the site.<\/li>\n\n\n\n<li>Proceed to create a popup. Look for the Popup Builder menu and choose &#8220;Add New&#8221;. Next, set the format of the popup and type the data that will be displayed in the window. On the Add New Popup page, you can specify the width and height of the window, and various options for animation, sound, etc. Publish the popup.<\/li>\n\n\n\n<li>Now we can display this popup in the Interactive US Map plugin. The display of popups is possible for regions, groups of regions, or individual points on the map. As an example, let&#8217;s display a popup for an arbitrary US state. Go to the &#8220;Detailed settings&#8221; section of the plugin, select any state, then in the &#8220;What to do when the area is clicked&#8221; check the &#8220;Show lightbox popup&#8221; item and select the popup we created earlier.<\/li>\n\n\n\n<li>Done! We tied a lightbox to the state. Now we can go to the &#8220;Map Preview&#8221; section and test the display of the popup.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Integration of interactive maps with other plugins<\/h2>\n\n\n\n<p>Interactive maps from Fla-shop.com are flexible, expandable, and scalable. They have numerous integration possibilities with a variety of plugins and add-ons, the list of which is constantly updated.<\/p>\n\n\n\n<p>We have already published a post about <a href=\"https:\/\/www.fla-shop.com\/blog\/easily-display-maps-in-tabs-using-the-tabs-maker-plugin\/\">the integration of interactive maps with the Tabs Maker plugin<\/a>. Tabs Maker allows you to display responsive maps in tabs that work perfectly on any device. This approach allows you to properly organize all the information on the site, effectively use free space, and offer visitors a quality experience of interaction with maps.<\/p>\n\n\n\n<p>In addition, interactive maps from Fla-shop.com have their own API, which opens unlimited possibilities for their scaling and customization. It is possible to add arbitrary <a href=\"https:\/\/www.fla-shop.com\/blog\/adding-custom-javascript-to-the-map\/\">JS code<\/a> for the implementation of a particular functionality.<\/p>\n\n\n\n<p>If you use a CMS other than WordPress or want to manually integrate a lightbox into our interactive maps, then you can use the guide <a href=\"https:\/\/www.fla-shop.com\/howto\/how-to-use-lightbox-with-map\/\" target=\"_blank\" rel=\"noopener noreferrer\">How to show a lightbox window by clicking the map<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>Popups are a useful element of the map UI, allowing you to display all the necessary information in a concise, structured, and readable form with reference to the corresponding region.<br>Using the integration of Fla-shop.com&#8217; Interactive maps with the Popup Builder plugin, you can automate the process of adding popups to different sections of the map, whether it&#8217;s a region, a group of regions, or a specific point.<\/p>\n\n\n\n<p>Add interactivity to your maps! Your visitors will appreciate this because a convenient, solid, accessible design of the site guarantees high sales and customer loyalty.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group article_sm_block\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-text-align-center\"><a class=\"greenbutton\" href=\"https:\/\/www.fla-shop.com\/products\/wp-plugins\/united-states\/us\/\">Get the Interactive US Map plugin<\/a><\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>In this article, we will carry out a step-by-step integration of our Interactive US maps with the free Popup Builder plugin. Interactive maps from Fla-shop.com &#8211; a great way to increase the user engagement on the site.<\/p>\n","protected":false},"author":1,"featured_media":1354,"comment_status":"open","ping_status":"open","sticky":false,"template":"post1.php","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[39],"tags":[],"class_list":["post-798","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-integration-third-party-plugins"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Integration of Interactive US map with the Popup Builder plugin<\/title>\n<meta name=\"description\" content=\"In this article, we will carry out a step-by-step integration of our Interactive US map with the free Popup Builder plugin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Integration of Interactive US map with the Popup Builder plugin\" \/>\n<meta property=\"og:description\" content=\"In this article, we will carry out a step-by-step integration of our Interactive US map with the free Popup Builder plugin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/\" \/>\n<meta property=\"og:site_name\" content=\"Fla-Shop.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/flashopcom\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-13T13:59:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-16T13:04:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/popup-builder.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@flashop\" \/>\n<meta name=\"twitter:site\" content=\"@flashop\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/www.fla-shop.com\/blog\/#\/schema\/person\/16214725e757dd92d37dbfe3e2a5db1e\"},\"headline\":\"Integration of Interactive US Map with the Popup Builder plugin for displaying popups\",\"datePublished\":\"2018-11-13T13:59:28+00:00\",\"dateModified\":\"2022-11-16T13:04:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/\"},\"wordCount\":857,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.fla-shop.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/popup-builder.jpg\",\"articleSection\":[\"Integration with third-party plugins\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/\",\"url\":\"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/\",\"name\":\"Integration of Interactive US map with the Popup Builder plugin\",\"isPartOf\":{\"@id\":\"https:\/\/www.fla-shop.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/popup-builder.jpg\",\"datePublished\":\"2018-11-13T13:59:28+00:00\",\"dateModified\":\"2022-11-16T13:04:58+00:00\",\"description\":\"In this article, we will carry out a step-by-step integration of our Interactive US map with the free Popup Builder plugin.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/#primaryimage\",\"url\":\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/popup-builder.jpg\",\"contentUrl\":\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/popup-builder.jpg\",\"width\":1200,\"height\":630,\"caption\":\"Map with Popups\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.fla-shop.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Integration of Interactive US Map with the Popup Builder plugin for displaying popups\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.fla-shop.com\/blog\/#website\",\"url\":\"https:\/\/www.fla-shop.com\/blog\/\",\"name\":\"Fla-Shop.com\",\"description\":\"Interactive Maps, HTML5, WordPress, Map Use-cases \u2013 Fla-shop.com blog\",\"publisher\":{\"@id\":\"https:\/\/www.fla-shop.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.fla-shop.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.fla-shop.com\/blog\/#organization\",\"name\":\"Fla-shop.com\",\"url\":\"https:\/\/www.fla-shop.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.fla-shop.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2017\/06\/fla-shop_twitter_logo.jpg\",\"contentUrl\":\"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2017\/06\/fla-shop_twitter_logo.jpg\",\"width\":128,\"height\":128,\"caption\":\"Fla-shop.com\"},\"image\":{\"@id\":\"https:\/\/www.fla-shop.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/flashopcom\/\",\"https:\/\/x.com\/flashop\",\"https:\/\/www.youtube.com\/user\/flashopcom\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.fla-shop.com\/blog\/#\/schema\/person\/16214725e757dd92d37dbfe3e2a5db1e\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g\",\"caption\":\"admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Integration of Interactive US map with the Popup Builder plugin","description":"In this article, we will carry out a step-by-step integration of our Interactive US map with the free Popup Builder plugin.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/","og_locale":"en_US","og_type":"article","og_title":"Integration of Interactive US map with the Popup Builder plugin","og_description":"In this article, we will carry out a step-by-step integration of our Interactive US map with the free Popup Builder plugin.","og_url":"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/","og_site_name":"Fla-Shop.com","article_publisher":"https:\/\/www.facebook.com\/flashopcom\/","article_published_time":"2018-11-13T13:59:28+00:00","article_modified_time":"2022-11-16T13:04:58+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/popup-builder.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_creator":"@flashop","twitter_site":"@flashop","twitter_misc":{"Written by":"admin","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/#article","isPartOf":{"@id":"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/"},"author":{"name":"admin","@id":"https:\/\/www.fla-shop.com\/blog\/#\/schema\/person\/16214725e757dd92d37dbfe3e2a5db1e"},"headline":"Integration of Interactive US Map with the Popup Builder plugin for displaying popups","datePublished":"2018-11-13T13:59:28+00:00","dateModified":"2022-11-16T13:04:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/"},"wordCount":857,"commentCount":0,"publisher":{"@id":"https:\/\/www.fla-shop.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/popup-builder.jpg","articleSection":["Integration with third-party plugins"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/","url":"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/","name":"Integration of Interactive US map with the Popup Builder plugin","isPartOf":{"@id":"https:\/\/www.fla-shop.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/#primaryimage"},"image":{"@id":"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/popup-builder.jpg","datePublished":"2018-11-13T13:59:28+00:00","dateModified":"2022-11-16T13:04:58+00:00","description":"In this article, we will carry out a step-by-step integration of our Interactive US map with the free Popup Builder plugin.","breadcrumb":{"@id":"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/#primaryimage","url":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/popup-builder.jpg","contentUrl":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2018\/11\/popup-builder.jpg","width":1200,"height":630,"caption":"Map with Popups"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fla-shop.com\/blog\/integration-interactive-us-map-with-the-popup-builder-plugin-for-displaying-popups\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.fla-shop.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Integration of Interactive US Map with the Popup Builder plugin for displaying popups"}]},{"@type":"WebSite","@id":"https:\/\/www.fla-shop.com\/blog\/#website","url":"https:\/\/www.fla-shop.com\/blog\/","name":"Fla-Shop.com","description":"Interactive Maps, HTML5, WordPress, Map Use-cases \u2013 Fla-shop.com blog","publisher":{"@id":"https:\/\/www.fla-shop.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fla-shop.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.fla-shop.com\/blog\/#organization","name":"Fla-shop.com","url":"https:\/\/www.fla-shop.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fla-shop.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2017\/06\/fla-shop_twitter_logo.jpg","contentUrl":"https:\/\/www.fla-shop.com\/blog\/wp-content\/uploads\/2017\/06\/fla-shop_twitter_logo.jpg","width":128,"height":128,"caption":"Fla-shop.com"},"image":{"@id":"https:\/\/www.fla-shop.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/flashopcom\/","https:\/\/x.com\/flashop","https:\/\/www.youtube.com\/user\/flashopcom"]},{"@type":"Person","@id":"https:\/\/www.fla-shop.com\/blog\/#\/schema\/person\/16214725e757dd92d37dbfe3e2a5db1e","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3bd8fdbd458f1b6c6dc6d8d2dc471f4986c4680b9492a7410ba0cc65f54527c7?s=96&d=mm&r=g","caption":"admin"}}]}},"_links":{"self":[{"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/posts\/798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/comments?post=798"}],"version-history":[{"count":17,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/posts\/798\/revisions"}],"predecessor-version":[{"id":1822,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/posts\/798\/revisions\/1822"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/media\/1354"}],"wp:attachment":[{"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/media?parent=798"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/categories?post=798"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fla-shop.com\/blog\/wp-json\/wp\/v2\/tags?post=798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}