{"id":88097,"date":"2022-06-10T08:06:43","date_gmt":"2022-06-10T06:06:43","guid":{"rendered":"https:\/\/rmarketingdigital.com\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress\/"},"modified":"2021-03-03T16:48:08","modified_gmt":"2021-03-03T19:48:08","slug":"mapsvg-plugin-review-create-interactive-maps-in-wordpress-2","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/en\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/","title":{"rendered":"MapSVG Plugin Review: Create Interactive Maps in WordPress"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contenidos<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/#MapSVG-Interactive-Maps-for-WordPress\" >MapSVG\u00a0Interactive Maps for WordPress<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/#100-Ready-Maps\" >100+ Ready Maps<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/#Database-Objects\" >Database Objects<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/#Filterable-and-Searchable-Directory\" >Filterable and Searchable Directory<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/#Enhance-Google-Maps\" >Enhance Google Maps<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/#CSS-JavaScript-and-Templates-Editors\" >CSS, JavaScript, and Templates Editors<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/#Intuitive-Control-Panel-With-Live-Preview\" >Intuitive Control Panel With Live Preview<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/#Image-Maps\" >Image Maps<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/#How-To-Setup-MapSVG-and-Create-A-Map\" >How To Setup MapSVG and Create A Map<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/#Adding-Tooltips-in-MapSVG\" >Adding Tooltips\u00a0in MapSVG<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/#Adding-Custom-Fields-via-Database-Objects\" >Adding Custom Fields via Database Objects<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/#Conclusion\" >Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<div class=\"container-med\">\n<div class=\"entry atype\">\n<p>MapSVG is a nifty WordPress plugin that helps you to create interactive and responsive maps on your WordPress site. Thanks to a suite of nice features, you can convert any SVG file into an interactive map. That\u2019s not all, you can create detailed floor plans, infographics, Google maps, Chloropleth maps, image maps and so much more.<\/p>\n<p>In this review, we look at the features that make\u00a0MapSVG one of the best mapping plugins for WordPress on the web. We also test drive the plugin, so stick around and read all the way to the end. This is definitely a good deal, so get yourself a mug of coffee and let\u2019s roll.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"MapSVG-Interactive-Maps-for-WordPress\"><\/span>MapSVG\u00a0Interactive Maps for WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Brought to you by developer extraordinaire Roman Stepanov, MapSVG makes creating interactive maps easy and fun. I had a great time playing around with the various options even though I had to read the documentation first. That being said, let\u2019s look at the features available in MapSVG.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"100-Ready-Maps\"><\/span>100+ Ready Maps<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img alt='world-map-1426850' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/world-map-1426850.jpg' alt=\"\" width=\"1134\" height=\"601\"><\/p>\n<p>To help you hit the ground running, MapSVG comes with over 100 geo-calibrated maps. There is a world map, and it\u2019s already subdivided into clickable regions (countries). Then you have country maps with the respective states\/provinces. You also get a few special maps.<\/p>\n<p>And since most of the maps are calibrated, you can add markers to the maps using an address or coordinates. On top of that, you can create your own SVG maps and upload them to MapSVG.<\/p>\n<p>All you have to do is create an SVG image using any vector editing software such as Inkscape or Adobe Illustrator, upload the damn thing and customize away.<\/p>\n<p>Do you know what this means? It means you can design interactive diagrams and visualize statistics (and generally improve user experience) without bending over backwards.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Database-Objects\"><\/span>Database Objects<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img alt='database-7409743' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/database-7409743.jpg' alt=\"\" width=\"1134\" height=\"601\"><\/p>\n<p>MapSVG allows you to create objects and add them to specific areas of your map. This allows you to enrich your maps with information offering your web visitors an immersive experience.<\/p>\n<p>For purposes of illustration, let us assume for a minute you are a real estate agent with properties to sell all over the country. You\u2019re doing really well and would like to show available properties on a map. You\u2019d like to display information such as size, address, price, photos and stuff like that.<\/p>\n<p>MapSVG allows you to add these details to a database, and then attach the info to one or multiple areas of your map. Whenever a user clicks on the area you define, say a state, the details are displayed in a nice popover, detail view or tooltip.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Filterable-and-Searchable-Directory\"><\/span>Filterable and Searchable Directory<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img alt='directory-9223281' class=\"aligncenter\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/directory-9223281.png' alt=\"\" width=\"630\" height=\"343\"><\/p>\n<p>As if adding database objects isn\u2019t enough, MapSVG allows you to create a directory and display it next to your map. Going with our\u00a0real estate analogy, you may want to show all properties (or agents) available in a certain state. MapSVG makes this very much possible.<\/p>\n<p>Users can filter \u00edtems in the directory using drop-down filters or a search box. Further, users can filter objects by clicking a specific area on the map. This directory feature makes even the most complex diagrams and maps easy to comprehend. Additionally, users can find information easily which is a plus for your UX.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Enhance-Google-Maps\"><\/span>Enhance Google Maps<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img alt='enhance-google-maps-5588042' class=\"aligncenter\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/enhance-google-maps-5588042.jpg' alt=\"\" width=\"850\" height=\"400\"><\/p>\n<p>Did I mention you can integrate MapSVG with Google Maps? Yes, you can and you just need a Google API key. Typically, you cannot customize Google Maps extensively, which is or can be limiting in some scenarios. MapSVG enables you to overcome this challenge.<\/p>\n<p>How? You can layer vector maps on top of any type of Google Map (terrain, satellite, road or hybrid). And since vector images are interactive, you can then modify your Google Map until you drop. The obvious end result here is you\u2019re able to provide more usability.<\/p>\n<p>Remember Google maps come with a set of controls. Couple these controls with MapSVG features and you\u2019ll literary drive your users crazy with excitement. They will be like, \u201cHow the heck did they do that?\u201d This feature allows you to enhance your Google map by highlighting landmarks and making anything clickable.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"CSS-JavaScript-and-Templates-Editors\"><\/span>CSS, JavaScript, and Templates Editors<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img alt='template-editor-3743328' class=\"aligncenter\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/template-editor-3743328.png' alt=\"\" width=\"630\" height=\"347\"><\/p>\n<p>What is the use of a map you can\u2019t customize or extend? Roman seems to have this grounded what with nifty CSS and JavaScript editors. As long as you know your way around code, you can push your interactive illustrations to the limit.<\/p>\n<p>For starters, you can style your maps and diagrams with CSS as you desire, and without breaking a sweat. You can style many elements from tooltips, popovers, and other info containers. On top of that, you can leverage the power of JavaScript to extend default map functionality.<\/p>\n<p>Additionally, you get a templates editor that helps you to create custom templates for popovers, markers and tooltips. The template editor is easy to use we don\u2019t expect you to run into any problems.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Intuitive-Control-Panel-With-Live-Preview\"><\/span>Intuitive Control Panel With Live Preview<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img alt='mapsvg-control-panel-2876658' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/mapsvg-control-panel-2876658.jpg' alt=\"\" width=\"1134\" height=\"601\"><\/p>\n<p>Working with MapSVG is pretty much straightforward thanks to an intuitive admin dashboard that makes creating maps a breeze. Creating maps and other interactive illustrations with MapSVG is coupled with ease from start to finish.<\/p>\n<p>On top of that, the plugin comes with a live preview feature that lets you see your changes in real time. Now you don\u2019t have to wonder how your maps will look upon completion. Further, you don\u2019t have\u00a0to go to and fro (or refresh a page) to see how your maps look. How sweet?<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Image-Maps\"><\/span>Image Maps<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img alt='image-maps-6598966' class=\"aligncenter\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/image-maps-6598966.jpg' alt=\"\" width=\"850\" height=\"400\"><\/p>\n<p>We mentioned image maps a few minutes ago, but I had to cover this feature on its own because I think it\u2019s impressive. We already know that MapSVG converts SVG files to interactive maps automatically. Just draw an SVG file, upload it and customize.<\/p>\n<p>But did you know you can also create maps from PNG and JPEG images? Sounds interesting now, right? MapSVG comes with brilliant drawing tools that allow you to create interactive (clickable) maps from raster images. How is this useful? You can draw interactive house plans, blueprints, routes, city plans, seating charts and so much more.<\/p>\n<p>Thanks to these features and amazing <strong>support<\/strong>, nothing should hold you back from creating maps and interactive illustrations out of this galaxy. The sky is the limit here guys\u00a0since MapSVG is a no-nonsense (and probably the best) map plugin for WordPress.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How-To-Setup-MapSVG-and-Create-A-Map\"><\/span>How To Setup MapSVG and Create A Map<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Setting up MapSVG is as easy as installing any other typical WordPress plugin. You\u2019re ready to start creating interactive maps as soon as you install and activate the plugin. You don\u2019t need to configure anything since MapSVG works right out of the box.<\/p>\n<p>Get MapSVG<\/p>\n<p>Let\u2019s get some hands-on experience. Grab a copy of MapSVG, and follow the following instructions. Login to your WordPress admin dashboard and navigate to\u00a0<strong>Plugins &gt; Add New.<\/strong><\/p>\n<p><img alt='installing-mapsvg-wordpress-plugin-6957235' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/installing-mapsvg-wordpress-plugin-6957235.jpg' alt=\"mapsvg wordpress plugin review\" width=\"983\" height=\"601\"><\/p>\n<p>Next, hit the\u00a0<strong>Upload<\/strong> button <strong>(1)<\/strong>,\u00a0<strong>Choose File (2),<\/strong> and hit the\u00a0<strong>Install Now (3)<\/strong> button\u00a0as shown below.<\/p>\n<p><img alt='uploading-mapsvg-wordpress-plugin-2049926' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/uploading-mapsvg-wordpress-plugin-2049926.png' alt=\"mapsvg reviews\" width=\"983\" height=\"601\"><\/p>\n<p>Wait out the installation process to complete and then click the\u00a0<strong>Activate Plugin<\/strong> button.<\/p>\n<p><img alt='activate-mapsvg-plugin-6963317' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/activate-mapsvg-plugin-6963317.jpg' alt=\"mapsvg review\" width=\"983\" height=\"601\"><\/p>\n<p>And that\u2019s it; the plugin is ready to use after activating. Click on the\u00a0<strong>MapSVG<\/strong> item on the WordPress admin to launch the control panel.<\/p>\n<p><img alt='mapsvg-4215488' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/mapsvg-4215488.jpg' alt=\"mapsvg\" width=\"983\" height=\"601\"><\/p>\n<p>So far so good, I think you will agree the process is simple. On the control panel, you can choose one of the pre-made maps, create a Google map (needs integration first, which is as easy as copy-pasting an API key), build an image map, upload an SVG file or download an SVG file with Google map.<\/p>\n<p>If you need help creating a map, you can get quick help by\u00a0clicking\u00a0<strong>Tutorials<\/strong> or\u00a0<strong>Support<\/strong> links at the top of the control panel.\u00a0Let\u2019s choose one of the pre-existing maps. I will go with China <del>because everything is made there nowadays anyway<\/del>\u00a0\ud83d\ude42<\/p>\n<p><strong>N\/B:\u00a0<\/strong>The developer recommends using\u00a0<em>geo-calibrated<\/em>\u00a0maps instead of\u00a0<em>not-calibrated\u00a0<\/em>maps because\u2026<\/p>\n<blockquote>\n<p>\u2026geo-calibrated maps are newer, have Region titles and you can add Markers by geo-coordinates (latitude\/longitude) or just by entering an address which is being converted into coordinates automatically. \u2013 <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/mapsvg.com\/tutorials\/3.2.x\/2\/\">MapSVG Tutorials<\/a><\/p>\n<\/blockquote>\n<p>Choose China (or any other map you like) from the\u00a0<strong>New SVG map<\/strong> drop-down menu. If you hate the scroll bar, feel free to use the search box.<\/p>\n<p><img alt='mapsvg-creating-new-map-3304382' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/mapsvg-creating-new-map-3304382.jpg' alt=\"creating new map in mapsvg\" width=\"983\" height=\"601\"><\/p>\n<p>On the next screen, fill out the\u00a0<strong>Title<\/strong> and change the\u00a0<strong>Preloader Text<\/strong> if you\u2019re so inclined. On the same screen, you can set your map size, toggle off responsive design (it\u2019s on by default, so don\u2019t touch the dial), turn on tooltips and popovers among others things.<\/p>\n<p>You will also notice the map is already split into regions (China provinces in our case) and they are already clickable! Also, familiarize yourself with the other controls including the\u00a0<strong>Menu<\/strong> drop-down menu.<\/p>\n<p><img alt='new-map-in-mapsvg-2439564' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/new-map-in-mapsvg-2439564.jpg' alt=\"\" width=\"983\" height=\"601\"><\/p>\n<p>Let us change some colors, and get a feel of the plugin. Navigate to\u00a0<strong>Menu &gt; Colors<\/strong> as shown below.<\/p>\n<p><img alt='editing-map-colors-in-mapsvg-9965526' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/editing-map-colors-in-mapsvg-9965526.jpg' alt=\"editing map colors in mapsvg wordpress plugin\" width=\"983\" height=\"601\"><\/p>\n<p>The\u00a0<strong>Colors<\/strong> screen helps you to choose the colors of your dreams. What I mean is there is no limit to the colors you\u2019d like to use. Just work the color picker until you have something you like. I will go with shades of blue because WordPress is <em>bae<\/em> \ud83d\ude42<\/p>\n<p>Choose your colors and don\u2019t forget to hit the\u00a0<strong>Save Ctrl+S<\/strong> button as we illustrate below.<\/p>\n<p><img alt='blue-china-8689314' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/blue-china-8689314.jpg' alt=\"\" width=\"983\" height=\"601\"><\/p>\n<p>See? I told you MapSVG is easy to use. With a couple of clicks, I changed my map colors and it feels good \u2013 just like that one time, many years ago, when I ranked first in Google. Editing any other part of the map is equally easy, and to prove my point, I will add tooltips because that would be fun.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Adding-Tooltips-in-MapSVG\"><\/span>Adding Tooltips\u00a0in MapSVG<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>So, how do you add tooltips that appear when you mouse over a region on your map? It\u2019s easy, and I\u2019ll show you how in a moment.<\/p>\n<p>By the way, if anything isn\u2019t clear for one reason or another, don\u2019t hesitate to check out the official <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/mapsvg.com\/tutorials\/\">MapSVG tutorials and documentation<\/a>. Better still, hit up the comment section at the end of this post and I will summon <em>Thor<\/em> just for you. That hammer solves everything \ud83d\ude42<\/p>\n<p>That aside, adding tooltips involves adding a template (remember the templates editor we mentioned earlier?). For that, navigate to\u00a0<strong>Menu &gt; Templates<\/strong> and then choose\u00a0<strong>Region Tooltip.\u00a0<\/strong><\/p>\n<p><img alt='adding-tooltips-in-mapsvg-4185709' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/adding-tooltips-in-mapsvg-4185709.png' alt=\"adding tooltips in mapsvg wordpress plugin\" width=\"1077\" height=\"601\"><\/p>\n<p>Next, add the following code in the templates editor and hit the <strong>Save Ctrl+S<\/strong> button as shown above.<\/p>\n<pre class=\"prism-pre line-numbers language-html\"><code class=\"language-html\">Province: &lt;strong&gt;{{title}}&lt;\/strong&gt;<\/code><\/pre>\n<p>The above code is simple HTML with <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/handlebarsjs.com\/\">Handlebars tags<\/a>. If you\u2019d like to show just the title of your region, you use the {{title}} tag. You can define your own custom fields too as you will learn in a moment. But first, let us turn on the tooltips feature.<\/p>\n<p>Navigate to\u00a0<strong>Menu &gt; Settings<\/strong> and turn on the\u00a0<strong>Tooltips<\/strong> feature as we illustrate below.<\/p>\n<p><img alt='tooltips-in-mapsvg-3271383' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/tooltips-in-mapsvg-3271383.jpg' alt=\"mapsvg reviews\" width=\"1077\" height=\"601\"><\/p>\n<p>As you can see in the screenshot above, our tooltips are active. Still, I mentioned I will show you how to add custom fields so that you can enrich your tooltips in ways unimaginable. Let\u2019s say you would like to add photos and more information to your tooltips. How would you go about it? For that, we call upon the\u00a0<strong>database objects<\/strong> we mentioned earlier.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Adding-Custom-Fields-via-Database-Objects\"><\/span>Adding Custom Fields via Database Objects<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>MapSVG allows you to add custom fields to your maps. We already have the {{title}} field, but let\u2019s see how we can add more custom fields. You have a choice of custom fields including\u00a0<em>text, textarea, checkbox, images,\u00a0<\/em>and so on. Let us add some images to the Nei Mongol province.<\/p>\n<p>Go to\u00a0<strong>Menu &gt; Regions<\/strong> and click the\u00a0<strong>Edit fields<\/strong> button as we highlight in the image below.<\/p>\n<p><img alt='adding-custom-fields-step-1-3365365' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/adding-custom-fields-step-1-3365365.jpg' alt=\"adding custom fields in MapSVG\" width=\"1077\" height=\"601\"><\/p>\n<p>On the next screen, hit the\u00a0<strong>Image<\/strong> button and then the\u00a0<strong>Save fields<\/strong> button as shown below.<\/p>\n<p><img alt='adding-custom-fields-step-2-1-5945983' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/adding-custom-fields-step-2-1-5945983.jpg' alt=\"\" width=\"1077\" height=\"601\"><\/p>\n<p>Save your changes by clicking the\u00a0<strong>Save Ctrl+S<\/strong> button. Always remember to save your changes.<\/p>\n<p>Next hit the\u00a0<strong>List<\/strong> button as shown in the image below.<\/p>\n<p><img alt='list-fields-8042031' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/list-fields-8042031.jpg' alt=\"\" width=\"1134\" height=\"601\"><\/p>\n<p>Switch your map to\u00a0<strong>Edit Regions<\/strong> and click on a region (we picked Nei Mongol). You should see your new custom field (<strong>Images<\/strong>) to the right. Hit the\u00a0<strong>Browse<\/strong> button. See image below.<\/p>\n<p><img alt='adding-custom-fields-step-3-8864732' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/adding-custom-fields-step-3-8864732.png' alt=\"\" width=\"1134\" height=\"601\"><\/p>\n<p>On the next screen, add your images and hit the <strong>Choose Images<\/strong> button.<\/p>\n<p><img alt='upload-images-7259180' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/upload-images-7259180.jpg' alt=\"\" width=\"1134\" height=\"601\"><\/p>\n<p>You will be redirected back to the\u00a0<strong>Edit Regions<\/strong>\u00a0screen where you must click the\u00a0<strong>OK (1)\u00a0<\/strong>button. Next, click the\u00a0<strong>Save Ctrl+S (2)<\/strong> button and then go back to\u00a0<strong>Preview (3)<\/strong> mode as shown below.<\/p>\n<p><img alt='adding-custom-fields-5-3384124' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/adding-custom-fields-5-3384124.png' alt=\"\" width=\"1134\" height=\"552\"><\/p>\n<p>If you try to mouse over Nei Mongol at this point, the images won\u2019t appear in the tooltip. Why? Well, we haven\u2019t created a template for the images. Let\u2019s do that right this minute.<\/p>\n<p>Navigate to\u00a0<strong>Menu &gt; Templates &gt; Region Tooltip<\/strong> and change the code to this:<\/p>\n<pre class=\"prism-pre line-numbers language-html\"><code class=\"language-html\">Province: &lt;strong&gt;{{title}}&lt;\/strong&gt;&lt;br \/&gt;\r\n\r\nFirst image:&lt;br \/&gt;\r\n&lt;img src=\"{{images.0.thumbnail}}\" width=\"40px\" \/&gt;&lt;br \/&gt;&lt;br \/&gt;\r\n\r\nAll images:&lt;br \/&gt;\r\n{{#each images}}\r\n    &lt;img src=\"{{thumbnail}}\" width=\"40px\" \/&gt;\r\n{{\/each}}<\/code><\/pre>\n<p>Here is an image for further illustration. Remember to hit the\u00a0<strong>Save<\/strong> button.<\/p>\n<p><img alt='adding-custom-fields-step-6-1469331' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/adding-custom-fields-step-6-1469331.jpg' alt=\"\" width=\"1134\" height=\"601\"><\/p>\n<p>Now, try mousing over your selected region (Nei Mongol in our case). Tell me what you see. This is what is on my screen.<\/p>\n<p><img alt='adding-custom-fields-step-7-4189228' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/adding-custom-fields-step-7-4189228.jpg' alt=\"\" width=\"1134\" height=\"601\"><\/p>\n<p>Pretty neat, right? You just learned how to add custom fields to your MapSVG maps. Adding popovers and markers is also as easy as pie. Additionally, as long as you know these basics, you are good to create any interactive map\/diagram under the sun.<\/p>\n<p>Working with MapSVG is the stuff of fourth graders, especially since Roman Stepanov offers great support and amazing guidance via tutorials. To display your map on your WordPress site, save your changes and navigate to\u00a0<strong>Pages &gt; Add New.<\/strong><\/p>\n<p><img alt='display-map-on-wordpress-page-9634205' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/display-map-on-wordpress-page-9634205.jpg' alt=\"\" width=\"1134\" height=\"601\"><\/p>\n<p>Next, hit the\u00a0<strong>MapSVG<\/strong> button as shown above and choose your map. This adds the shortcode <em>[mapsvg id=\u201d17\u2033 title=\u201dChina\u201d]<\/em> to your WordPress page. By any means, feel free to add the map anywhere on your site using the shortcode. Don\u2019t worry, maps you create with MapSVG are 100% responsive meaning they will look great across multiple devices.<\/p>\n<p>Next, hit publish and see the results on the frontend.<\/p>\n<p><img alt='map-of-china-2313912' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/map-of-china-2313912.jpg' alt=\"\" width=\"1349\" height=\"617\"><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>We would be here all day if we went through each feature there is, but I encourage you to get your own copy of the\u00a0<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/mapsvg.com\/\">MapSVG WordPress map plugin<\/a> and give it a test drive. Between you and me, it is the only WordPress map plugin you will ever need.<\/p>\n<p>Do you have a question or suggestion? Please don\u2019t hesitate to reach out via the comment section below. Cheers!<\/p>\n<\/div>\n<p><script type=\"application\/ld+json\">{\"@context\":\"http:\/\/schema.org\",\"@type\":\"BlogPosting\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wpexplorer.com\/mapsvg-plugin-review\/\"},\"headline\":\"MapSVG Plugin Review: Create Interactive Maps in WordPress\",\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\/\/www.wpexplorer.com\/wp-content\/uploads\/mapsvg-wordpress-map-plugin.jpg\",\"width\":1000,\"height\":500},\"datePublished\":\"2018-10-08T16:37:32-06:00\",\"dateModified\":\"2019-10-01T19:32:20-06:00\",\"author\":{\"type\":\"Person\",\"name\":\"Freddy\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"R Marketing Digital\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\/\/www.wpexplorer.com\/wp-content\/themes\/wpexplorer\/images\/wpexplorer-organization-logo.png\",\"width\":400,\"height\":60}},\"description\":\"An indepth review of the MapSVG WordPress plugin including a look at the powerful built-in and customizable interactive map features.\"}<\/script><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>MapSVG is a nifty WordPress plugin that helps you to create interactive and responsive maps on your WordPress site. Thanks to a suite of nice features, you can convert any\u2026<\/p>","protected":false},"author":1,"featured_media":88098,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1351],"tags":[],"class_list":["post-88097","post","type-post","status-publish","format-standard","has-post-thumbnail","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>MapSVG Plugin Review: Create Interactive Maps in WordPress - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"MapSVG is a nifty WordPress plugin that helps you to create interactive and responsive maps on your WordPress site. Thanks to a suite of nice features,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"MapSVG Plugin Review: Create Interactive Maps in WordPress\" \/>\n<meta property=\"og:description\" content=\"MapSVG is a nifty WordPress plugin that helps you to create interactive and responsive maps on your WordPress site. Thanks to a suite of nice features,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-10T06:06:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/mapsvg-wordpress-map-plugin-4898262.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"MapSVG Plugin Review: Create Interactive Maps in WordPress\",\"datePublished\":\"2022-06-10T06:06:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\\\/\"},\"wordCount\":2388,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/mapsvg-wordpress-map-plugin-4898262.jpg\",\"articleSection\":[\"Wordpress\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\\\/\",\"name\":\"MapSVG Plugin Review: Create Interactive Maps in WordPress - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/mapsvg-wordpress-map-plugin-4898262.jpg\",\"datePublished\":\"2022-06-10T06:06:43+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"MapSVG is a nifty WordPress plugin that helps you to create interactive and responsive maps on your WordPress site. Thanks to a suite of nice features,\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/mapsvg-wordpress-map-plugin-4898262.jpg\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/mapsvg-wordpress-map-plugin-4898262.jpg\",\"width\":1000,\"height\":500,\"caption\":\"mapsvg-wordpress-map-plugin-4898262-6263399-jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"MapSVG Plugin Review: Create Interactive Maps in WordPress - R Marketing Digital","description":"MapSVG is a nifty WordPress plugin that helps you to create interactive and responsive maps on your WordPress site. Thanks to a suite of nice features,","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:\/\/rmarketingdigital.com\/en\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/","og_locale":"en_US","og_type":"article","og_title":"MapSVG Plugin Review: Create Interactive Maps in WordPress","og_description":"MapSVG is a nifty WordPress plugin that helps you to create interactive and responsive maps on your WordPress site. Thanks to a suite of nice features,","og_url":"https:\/\/rmarketingdigital.com\/en\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/","og_site_name":"R Marketing Digital","article_published_time":"2022-06-10T06:06:43+00:00","og_image":[{"width":1000,"height":500,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/mapsvg-wordpress-map-plugin-4898262.jpg","type":"image\/jpeg"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"MapSVG Plugin Review: Create Interactive Maps in WordPress","datePublished":"2022-06-10T06:06:43+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/"},"wordCount":2388,"image":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/mapsvg-wordpress-map-plugin-4898262.jpg","articleSection":["Wordpress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/","url":"https:\/\/rmarketingdigital.com\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/","name":"MapSVG Plugin Review: Create Interactive Maps in WordPress - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/mapsvg-wordpress-map-plugin-4898262.jpg","datePublished":"2022-06-10T06:06:43+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"MapSVG is a nifty WordPress plugin that helps you to create interactive and responsive maps on your WordPress site. Thanks to a suite of nice features,","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rmarketingdigital.com\/wordpress\/mapsvg-plugin-review-create-interactive-maps-in-wordpress-2\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/mapsvg-wordpress-map-plugin-4898262.jpg","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/mapsvg-wordpress-map-plugin-4898262.jpg","width":1000,"height":500,"caption":"mapsvg-wordpress-map-plugin-4898262-6263399-jpg"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digital Marketing","description":"SEO Agency | Advertising social networks | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digital Marketing","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/88097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/comments?post=88097"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/88097\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media\/88098"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media?parent=88097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/categories?post=88097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/tags?post=88097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}