{"id":24379,"date":"2021-05-19T17:00:09","date_gmt":"2021-05-19T15:00:09","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=24379"},"modified":"2021-05-19T13:16:24","modified_gmt":"2021-05-19T11:16:24","slug":"add-store-locator-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/add-store-locator-wordpress\/","title":{"rendered":"How to Add a Google Map Store Locator in WordPress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]With online businesses booming, WordPress has helped a multitude of users create and run their e-commerce stores, especially in recent times. Despite that, local businesses still represent a significant part of the market share, which means it is vital to have a way for buyers to find you. The easiest way of doing so is by adding a store locator to the WordPress website belonging to your business.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Store locators are interactive maps that customers can use to locate your store, get directions on how to reach it, and even share the location with their friends. As a bonus, your website will gain more credibility and likely increase its online presence in the process. In this article, we will discuss how you can add a Google Maps store locator using two possible methods. We will cover both in great detail, as well as their advantages and disadvantages so that you can best decide which is more suited for you.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you\u2019d like to skip to any specific part of the article, just click on one of the links below:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#embedding-an-iframe\">Embedding an iframe<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#using-a-wordpress-plugin\">Using a WordPress plugin<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#bonus-tip-finding-your-ip-address\">Bonus tip &#8211; Finding your IP address<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-top-picks-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Adding a Google Map store locator in WordPress<\/h2>\n<p>[\/vc_column_text][vc_column_text]While it\u2019s clear why displaying store locators is beneficial to your WordPress website, the question remains how you can do so. Some WordPress themes may offer shortcodes that allow you to display a Google Map on your pages. This would be the easiest way you can use to add a Google Map store locator to your WordPress website. <a href=\"https:\/\/qodeinteractive.com\/themes-list\/\">All themes from QodeInteractive<\/a> include a Google Maps shortcode to help you display your location.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]However, if you aren\u2019t using a theme that offers ways to add Google Maps to your website, there are alternative approaches you can take. These include embedding a simple map iframe or creating custom maps with pins using suitable WordPress plugins. In this article, we will guide you through those two methods. Both come with their pros and cons, which we will also discuss. You should carefully consider both methods before you decide which one suits your needs.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]And, if you\u2019d like an alternative to Google Maps, you can take a look at our article on <a href=\"https:\/\/qodeinteractive.com\/magazine\/bing-maps-wordpress\/\">adding Bing maps to your website<\/a>, as well. With that being said, let us begin.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"embedding-an-iframe\"><\/a>Embedding an iframe<\/h3>\n<p>[\/vc_column_text][vc_column_text]All WordPress users, regardless of the theme they\u2019re using, can embed a map iframe inside the content of their pages to add a Google Maps store locator. This method is both free and easy to implement, as it requires only a couple of steps.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]But, the major downside of this method is that you can only show a single store location with it. As such, if you own multiple stores or have offices across several locations, you won\u2019t be able to show them on a single map. Also, this method doesn\u2019t allow for extra map modifications, such as adding custom fields, settings, or stylization. However, if you need the map to show only a single location then you can follow along with the steps below as we explain how to embed a map iframe on one of your pages.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]First, <strong>visit the <a href=\"https:\/\/www.google.com\/maps\/\" target=\"_blank\" rel=\"noopener\">Google Maps page<\/a><\/strong> and <strong>insert the address of your store<\/strong>. A map of the general area surrounding the address you inserted will be shown on the right, with the exact address marked with a pin. <strong>Make sure to adjust the zoom level of the map before sharing it.<\/strong> Once you\u2019ve done that,<strong> press the <em>Share<\/em> button<\/strong> from the menu on the left to share the map.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"640\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Share-Map.jpg\" class=\"attachment-full size-full\" alt=\"Share Map\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Share-Map.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Share-Map-300x198.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Share-Map-768x507.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Share-Map-620x409.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]This will open a popup window with two tabs\u2014<em>Send a link<\/em> and <em>Embed a Map<\/em>. <em>Send a link<\/em> will be open by default. <strong>Switch to the <em>Embed a map<\/em> tab<\/strong> and <strong>press the <em>Copy HTML<\/em> link<\/strong>, afterward.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You can also edit the size of the iframe that will be displayed on your website beforehand. The size options include small, medium (default option), large, and custom size, which allows you to insert the width and the height of the iframe. For this article, we chose to insert a large-sized iframe.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"636\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Embed-a-Map.jpg\" class=\"attachment-full size-full\" alt=\"Embed a Map\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Embed-a-Map.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Embed-a-Map-300x197.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Embed-a-Map-768x504.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Embed-a-Map-620x407.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The next thing after that is to add the HTML code you copied inside one of your pages. Whether you add it on an existing page or create a new one for this purpose is up to you. In either case, this code needs to be pasted into the custom HTML element of the page builder you are using.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>If you are using Gutenberg, add the Custom HTML block <\/strong>and <strong>insert the copied HTML<\/strong> inside it. Then, <strong>press the <em>Update<\/em> button<\/strong> to save the changes on the page.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Embed-Map-Gutenberg.jpg\" class=\"attachment-full size-full\" alt=\"Embed Map Gutenberg\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Embed-Map-Gutenberg.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Embed-Map-Gutenberg-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Embed-Map-Gutenberg-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Embed-Map-Gutenberg-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]On the other hand,<strong> if you are using WPBakery<\/strong> as your preferred editor, you should<strong> insert the HTML code inside a Raw HTML element<\/strong>. And, <strong>if you are using Elementor, insert the HTML code inside an HTML widget.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]After you add the code, <strong>check your page<\/strong> to see how the embedded map looks on your website. You can see below how the map looks on a page made with <a href=\"https:\/\/qodeinteractive.com\/wordpress-theme\/lekker-portfolio-wordpress-theme\/\" target=\"_blank\" rel=\"noopener\">the Lekker theme<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"517\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Google-Map-Embed-Preview.jpg\" class=\"attachment-full size-full\" alt=\"Google Map Embed Preview\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Google-Map-Embed-Preview.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Google-Map-Embed-Preview-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Google-Map-Embed-Preview-768x410.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Google-Map-Embed-Preview-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;82px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"using-a-wordpress-plugin\"><\/a>Using a WordPress plugin<\/h3>\n<p>[\/vc_column_text][vc_column_text]The other possible method for adding a Google Maps store locator is to use a WordPress plugin that integrates Google Maps API keys. The advantage of this method is that you can create a custom map with multiple pinned store locations, as well as customize its additional fields and style settings using the plugin options.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]However, since Google API keys are needed for the map to show and work properly, it means this method <a href=\"https:\/\/cloud.google.com\/maps-platform\/pricing\" target=\"_blank\" rel=\"noopener\">includes some costs<\/a>. And you will need to provide your billing information before you start. The fees are calculated based on the number of API calls, which means it can be quite expensive if your website has a lot of visitors. Therefore, you should think carefully about this method before deciding if you wish to use it.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you decide to use this method, you should be aware that there are a lot of <a href=\"https:\/\/qodeinteractive.com\/magazine\/best-wordpress-store-locator-plugins\/\">WordPress store locator plugins<\/a>, both free and premium. For this article, we have decided to use the WP Store Locator plugin.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The <a href=\"https:\/\/wordpress.org\/plugins\/wp-store-locator\/\" target=\"_blank\" rel=\"noopener\">WP Store Locator<\/a> plugin is a free WordPress plugin that integrates Google Maps and allows users to create custom maps using the provided settings. These settings include directions and distance measuring, displaying additional data like email addresses, phone numbers, or website URLs, multilingual compatibilities as well as the option to add custom map styles.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]After <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-install-a-wordpress-plugin\/\">installing the plugin<\/a>, <strong>navigate to Store Locator &gt; Settings<\/strong>. Here, you will see the wide range of options included in this plugin and two warnings. These warnings concern all the requirements you need to sort out before using the [wpsl] shortcode this plugin provides. The first is for setting a start point and the second is for creating the API keys necessary for the shortcode to work.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"449\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/WP-Store-Locator-Settings.jpg\" class=\"attachment-full size-full\" alt=\"WP Store Locator Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/WP-Store-Locator-Settings.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/WP-Store-Locator-Settings-300x139.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/WP-Store-Locator-Settings-768x356.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/WP-Store-Locator-Settings-620x287.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Therefore, before we can start using this plugin, we need to create the API keys.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]First, log in to the <a href=\"https:\/\/console.cloud.google.com\/\" target=\"_blank\" rel=\"noopener\">Google Cloud Platform<\/a> with your credentials and <strong>create a new project<\/strong>. That\u2019s done by <strong>clicking on the <em>Create project<\/em> button<\/strong> located in the Home &gt; Dashboard section.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You can also click on the <em>Select a project<\/em> link at the top of the screen to see all your current projects and then click on the <em>Create project<\/em> that will appear in the top right corner of the popup window.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Create-a-Project.jpg\" class=\"attachment-full size-full\" alt=\"Create a Project\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Create-a-Project.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Create-a-Project-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Create-a-Project-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Create-a-Project-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Next,<strong> insert the project name <\/strong>and <strong>press the <em>Create<\/em> button<\/strong> below. If you want, you can also edit the project ID and assign a location to the project beforehand.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Project-Name.jpg\" class=\"attachment-full size-full\" alt=\"Project Name\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Project-Name.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Project-Name-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Project-Name-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Project-Name-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Then, <strong>access the <em>APIs &amp; Services<\/em> section<\/strong> from the navigation menu on the left.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/APIs-and-Services.jpg\" class=\"attachment-full size-full\" alt=\"APIs and Services\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/APIs-and-Services.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/APIs-and-Services-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/APIs-and-Services-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/APIs-and-Services-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Then, <strong>click on the <em>Enable APIs and Services<\/em> button<\/strong>, located in the top part of the APIs &amp; Services page.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Enable-APIs-and-Services.jpg\" class=\"attachment-full size-full\" alt=\"Enable APIs and Services\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Enable-APIs-and-Services.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Enable-APIs-and-Services-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Enable-APIs-and-Services-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Enable-APIs-and-Services-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]This will load the API Library page. To enable a Google map store locator, you will need to <strong>enable the <em>Maps JavaScript API<\/em><\/strong>. Find it either by browsing or by using the search feature near the top. Then, <strong>click on the API<\/strong> to open it.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"587\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Maps-JavaScript-API.jpg\" class=\"attachment-full size-full\" alt=\"Maps JavaScript API\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Maps-JavaScript-API.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Maps-JavaScript-API-300x182.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Maps-JavaScript-API-768x465.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Maps-JavaScript-API-620x376.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]When the Maps JavaScript API page opens, <strong>click on the <em>Enable<\/em> button<\/strong> near the top to enable it.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Enable-Maps.jpg\" class=\"attachment-full size-full\" alt=\"Enable Maps\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Enable-Maps.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Enable-Maps-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Enable-Maps-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Enable-Maps-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you\u2019ve done that, you can proceed to create your API credentials.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]However, in some cases <strong>you might need to enable Geocoding API<\/strong> as well. You can find it within the same section as the Maps JavaScript API\u2014simply <strong>click on the <em>View All<\/em> link in the Maps section<\/strong> to see all the map-related APIs.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/View-All-Button.jpg\" class=\"attachment-full size-full\" alt=\"View All Button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/View-All-Button.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/View-All-Button-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/View-All-Button-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/View-All-Button-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Then, <strong>enable the Geocoding API<\/strong> the same way you enabled the Maps JavaScript API.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Geocoding-API.jpg\" class=\"attachment-full size-full\" alt=\"Geocoding API\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Geocoding-API.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Geocoding-API-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Geocoding-API-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Geocoding-API-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]When you\u2019ve added all your APIs, you will need to create the API credentials. To do so, <strong>return to the Google Cloud Platform\u2019s dashboard page<\/strong> and<strong> access the APIs &amp; Services &gt; Credentials page.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Credentials.jpg\" class=\"attachment-full size-full\" alt=\"Credentials\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Credentials.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Credentials-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Credentials-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Credentials-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Then, <strong>click on the <em>Create credentials<\/em> button<\/strong> located near the top of the Credentials page, and <strong>select the <em>API key<\/em> suboption.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/API-Key.jpg\" class=\"attachment-full size-full\" alt=\"API Key\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/API-Key.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/API-Key-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/API-Key-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/API-Key-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Shortly after, a popup window where you can see your API key will open. You will need your API key for the later steps in this process. Apart from it, the popup window will have two buttons called Close and Restrict key. <strong>We advise pressing the <em>Restrict key<\/em> to restrict the use of this API key.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Restrict-Key.jpg\" class=\"attachment-full size-full\" alt=\"Restrict Key\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Restrict-Key.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Restrict-Key-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Restrict-Key-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Restrict-Key-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]This will open a page where you can edit the API key name and its restrictions. If you have accidentally pressed Close in the previous popup window, you shouldn\u2019t worry, as this page can also be accessed by pressing the <em>Edit API<\/em> key button next to the API key you previously created.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Edit-API-Key.jpg\" class=\"attachment-full size-full\" alt=\"Edit API Key\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Edit-API-Key.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Edit-API-Key-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Edit-API-Key-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Edit-API-Key-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]With that being said, you should <strong>set the Application restrictions to <em>HTTP referrers (web sites)<\/em><\/strong>. Then, in the new section that appears called Website restrictions,<strong> insert the allowed referrers\u2014the websites that are allowed to use the API key<\/strong>. For more information on how to correctly add those website URLs, you can review the Google Cloud documentation, particularly the part on <a href=\"https:\/\/cloud.google.com\/docs\/authentication\/api-keys?&amp;_ga=2.135289841.-1957831733.1618420859#adding_http_restrictions\" target=\"_blank\" rel=\"noopener\">adding HTTP restrictions<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In our case, we added two entries;<strong> the first for our website without a trailing slash and the second for a wildcard path, which allows the use of the API key from any page on our website.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]However, keep in mind that <strong>these URLs differ from user to user, so the best course of action is to check the documentation before concluding which referrers are appropriate for your website<\/strong>. After you add the appropriate URLs in the Website restrictions section, <strong>click on the <em>Save<\/em> button<\/strong> at the bottom to apply those restrictions.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"717\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Website-Restriction.jpg\" class=\"attachment-full size-full\" alt=\"Website Restriction\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Website-Restriction.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Website-Restriction-300x222.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Website-Restriction-768x568.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Website-Restriction-620x459.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>You will have to wait a bit for the settings to take effect.<\/strong> As you can see from the notice near the bottom of the page, it may take up to 5 minutes for the changes to apply. When it is done, you will see a green success icon next to the API key.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/API-Key-1.jpg\" class=\"attachment-full size-full\" alt=\"API Key 1\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/API-Key-1.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/API-Key-1-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/API-Key-1-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/API-Key-1-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>This key will be used as the browser key within the WP Store Locator plugin. You will also need to create another API key, which will serve as the server key.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Therefore,<strong> click on the <em>Create credentials<\/em> button<\/strong> once more and<strong> select the <em>API key<\/em> suboption<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/API-Key.jpg\" class=\"attachment-full size-full\" alt=\"API Key\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/API-Key.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/API-Key-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/API-Key-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/API-Key-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Then, <strong>click on the <em>Restrict key<\/em> button<\/strong> in the popup window to restrict this API key as well.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Restrict-Key.jpg\" class=\"attachment-full size-full\" alt=\"Restrict Key\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Restrict-Key.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Restrict-Key-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Restrict-Key-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Restrict-Key-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In the following window, <strong>set the Application restrictions option to IP addresses (web servers, cron jobs, etc.) <\/strong>and <strong>insert the IP address of your web server in the Accept requests from these server IP addresses section<\/strong>. As you can see from the note in that section, you can insert one IPv4 or IPv6 address or a subnet of either. Once you\u2019ve done that, <strong>press the <em>Save<\/em> button<\/strong> below to apply the selected restrictions.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"637\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/IP-Adresses.jpg\" class=\"attachment-full size-full\" alt=\"IP Adresses\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/IP-Adresses.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/IP-Adresses-300x197.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/IP-Adresses-768x505.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/IP-Adresses-620x408.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]For those that aren\u2019t sure what their website\u2019s IP address is, asking your hosting provider is the easiest way of finding it out. However, there are ways you can <a href=\"#bonus-tip-finding-your-ip-address\">find out the IP address on your own<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Since the necessary API keys have been made, the only thing that remains is to insert them within the plugin options and fill out the remaining settings accordingly.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Therefore, <strong>navigate once more to Store Locator &gt; Settings<\/strong> and <strong>insert the two API keys you created as the browser and server keys<\/strong>, respectively. Then, <strong>press the <em>Save Changes<\/em> button<\/strong> below to save the API keys within the plugin settings.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"409\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Store-Locator-Google-Map-API.jpg\" class=\"attachment-full size-full\" alt=\"Store Locator Google Map API\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Store-Locator-Google-Map-API.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Store-Locator-Google-Map-API-300x127.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Store-Locator-Google-Map-API-768x324.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Store-Locator-Google-Map-API-620x262.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Following that, we advise validating the API keys before proceeding to change any plugin settings. This is done by <strong>clicking on the <em>Show response<\/em> button<\/strong> next to the Validate API keys option. If you\u2019ve done all the previous steps properly, you should shortly see two messages at the top of your screen stating that there wasn\u2019t any problem with the API keys. Those messages will replace one of the warnings which was there previously.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Show-Response.jpg\" class=\"attachment-full size-full\" alt=\"Show Response\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Show-Response.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Show-Response-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Show-Response-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Show-Response-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In the case you weren\u2019t able to validate both API keys, you should wait a bit and then try to validate it once more. If the issue persists, check that you\u2019ve done all previous steps in keeping with the instructions. Additionally, you can take a look at <a href=\"https:\/\/wpstorelocator.co\/document\/create-google-api-keys\/#api-errors\" target=\"_blank\" rel=\"noopener\">the list of common API errors<\/a> in the plugin\u2019s documentation for more guidance on potential errors and how to solve them. After you succeed at validating both API keys, proceed as described below.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Then in the plugin\u2019s options, <strong>select the map language and region <\/strong>and <strong>click on the <em>Save Changes<\/em> button<\/strong> below. In the example we made for this article, we kept the default map language and region settings.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"409\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Language-and-Region.jpg\" class=\"attachment-full size-full\" alt=\"Language and Region\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Language-and-Region.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Language-and-Region-300x127.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Language-and-Region-768x324.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Language-and-Region-620x262.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]After that, you can adjust the remaining settings according to your needs.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Since there are quite a few options, we will not go into a lot of details about them. Instead, we will only show the required settings for the shortcode to work. Apart from the API keys we previously added, <strong>another required setting is <em>Starting point<\/em>. It is used if the auto-locating option has failed or has been disabled within the plugin settings. You can use either a city or a country as the starting point. After you insert it, click on the <em>Save Changes<\/em> button.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Start-Point-Map.jpg\" class=\"attachment-full size-full\" alt=\"Start Point Map\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Start-Point-Map.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Start-Point-Map-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Start-Point-Map-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Start-Point-Map-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;60px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Map-Save-Changes.jpg\" class=\"attachment-full size-full\" alt=\"Map Save Changes\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Map-Save-Changes.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Map-Save-Changes-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Map-Save-Changes-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Map-Save-Changes-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]As for the other options, which aren\u2019t required, you should examine <a href=\"https:\/\/wpstorelocator.co\/documentation\/\" target=\"_blank\" rel=\"noopener\">the plugin\u2019s documentation<\/a>. More precisely, you can take a look at <a href=\"https:\/\/wpstorelocator.co\/document\/configure-wp-store-locator\/\" target=\"_blank\" rel=\"noopener\">the configuration page<\/a>, which explains all the settings and provides additional tooltips and warnings. For the example we used in this article, we left most of the options set to their respective default values. But there was one notable exception\u2014we added a custom map style from <a href=\"https:\/\/snazzymaps.com\/\" target=\"_blank\" rel=\"noopener\">Snazzy Maps<\/a> by pasting the JSON object into the map style field.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"641\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Snazzy-Maps-Code.jpg\" class=\"attachment-full size-full\" alt=\"Snazzy Maps Code\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Snazzy-Maps-Code.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Snazzy-Maps-Code-300x198.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Snazzy-Maps-Code-768x508.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Snazzy-Maps-Code-620x410.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you\u2019ve adjusted all the options according to your needs, the following step would be to set the location by adding information about your offices or stores. To do so, <strong>navigate to Store Locator &gt; New Store<\/strong> and<strong> insert all the required information<\/strong>. You will need to<strong> add a title and address<\/strong> and <strong>click on the <em>Publish<\/em> button<\/strong> to publish it. You can also set the opening hours and additional information like phone number, fax, email, or website URL using the tabs named Opening Hours and Additional Information. Then you can proceed to do the same for all your remaining offices or stores.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"506\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/New-Store-Locator-Single.jpg\" class=\"attachment-full size-full\" alt=\"New Store Locator Single\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/New-Store-Locator-Single.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/New-Store-Locator-Single-300x157.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/New-Store-Locator-Single-768x401.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/New-Store-Locator-Single-620x324.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Please note, the map you see in the Store Map section in the corner won\u2019t auto-update after you insert the data. The changes you make will become visible after publishing and refreshing the page.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]When you\u2019ve added locations you want to display on your map, you need to insert the shortcode provided by this plugin to your chosen page. That can be a page with existing content or a brand new page where you want your map to be shown.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you are using the Gutenberg editor, <strong>add the shortcode block<\/strong> and <strong>insert [wpsl]<\/strong> inside it. Then, <strong>click on the <em>Update<\/em> button<\/strong> to publish the map with store locators.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"488\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Store-Locator-Shortcode.jpg\" class=\"attachment-full size-full\" alt=\"Store Locator Shortcode\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Store-Locator-Shortcode.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Store-Locator-Shortcode-300x151.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Store-Locator-Shortcode-768x387.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Store-Locator-Shortcode-620x312.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]For users that use WPBakery or Elementor page builders, you can add the same shortcode inside the Text Block or Text Editor elements, respectively. If you\u2019d like to learn more about inserting or using shortcodes, you can take a look at our article on <a href=\"https:\/\/qodeinteractive.com\/magazine\/create-shortcode-in-wordpress\/\">creating custom shortcodes<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>After you insert the shortcode, the only thing that\u2019s left is to check the page to see if you\u2019re happy with the result.<\/strong> How your map looks will depend on the options you set and the stylization you used. You can see the example we made in the screenshot below.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"485\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Store-Locator-Map-Live-Preview.jpg\" class=\"attachment-full size-full\" alt=\"Store Locator Map Live Preview\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Store-Locator-Map-Live-Preview.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Store-Locator-Map-Live-Preview-300x150.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Store-Locator-Map-Live-Preview-768x384.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Store-Locator-Map-Live-Preview-620x310.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]As we mentioned earlier, most of the settings that we used for this article were left on default, we only styled the map with Snazzy Maps. Once your map is displayed on the page, you can explore the wide range of settings this plugin offers and try them out to find the ones that suit you the most. Don\u2019t forget, you can also change your map\u2019s look by adding custom map styles to bring it in line with your brand image.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\"><a id=\"bonus-tip-finding-your-ip-address\"><\/a>Bonus tip &#8211; Finding your IP address<\/h3>\n<p>[\/vc_column_text][vc_column_text]Your IP is your identifier in the online world, and there are plenty of reasons why you might want to find out what yours is. Whether you need it for making store locators or mapping domains or anything in-between, knowing how to find your IP can be very useful. Fortunately, there are several ways you can do this, and we will explore them below.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><strong>Inspecting the cPanel\u2019s general information area<\/strong><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Apart from asking your hosting provider, your website\u2019s IP address can be seen in the General Information section within cPanel. To find it, <strong>log in to cPanel<\/strong> using your credentials and<strong> look for the IP address within the General Information section<\/strong> in the top right corner of your screen.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Shared-IP-Address.jpg\" class=\"attachment-full size-full\" alt=\"Shared IP Address\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Shared-IP-Address.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Shared-IP-Address-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Shared-IP-Address-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Shared-IP-Address-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If you weren\u2019t able to locate your webserver IP address there, you can also click on the <em>Server Information<\/em> link within the General Information section to see additional information regarding your server.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"545\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Server-Information.jpg\" class=\"attachment-full size-full\" alt=\"Server Information\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Server-Information.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Server-Information-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Server-Information-768x432.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Server-Information-620x349.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In the page that opens, look for the server IP address within the Server Information subsection.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"573\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Server-Info-Shared-IP-Address.jpg\" class=\"attachment-full size-full\" alt=\"Server Info Shared IP Address\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Server-Info-Shared-IP-Address.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Server-Info-Shared-IP-Address-300x177.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Server-Info-Shared-IP-Address-768x454.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Server-Info-Shared-IP-Address-620x367.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><strong>Using third-party websites<\/strong><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Another way to figure out your web server IP address is to <a href=\"https:\/\/www.site24x7.com\/ping-test.html\" target=\"_blank\" rel=\"noopener\">run a ping test<\/a> using a third-party website.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Generally speaking, pinging a website address is another way of letting search engines know about your newly created content, which should be indexed so it\u2019s visible to them. But, in a pinch, it can be used to figure out the website\u2019s IP address.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]How it works is that you <strong>navigate to an online tool for running ping tests, insert your domain name<\/strong>, and then <strong>click on the <em>Ping Now<\/em> button<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Ping-Now.jpg\" class=\"attachment-full size-full\" alt=\"Ping Now\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Ping-Now.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Ping-Now-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Ping-Now-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Ping-Now-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Your website will be pinged from several locations and you will be able to see your IP address within the IP column, as shown below.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"513\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Multiple-IP-Locations.jpg\" class=\"attachment-full size-full\" alt=\"Multiple IP Locations\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Multiple-IP-Locations.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Multiple-IP-Locations-300x159.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Multiple-IP-Locations-768x407.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Multiple-IP-Locations-620x328.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><strong>Pinging your website<\/strong><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Finally, you can also ping your website using the Command Prompt application in Windows or Terminal in Mac.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To do so, <strong>open the appropriate application<\/strong> for your device (Command Prompt on Windows or Terminal on Mac), <strong>insert <em>ping your-domain-name<\/em><\/strong>, and<strong> press the Enter key<\/strong> on your keyboard. You will need to replace the your-domain-name part for this to work, of course.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"511\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Ping-CMD.jpg\" class=\"attachment-full size-full\" alt=\"Ping CMD\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Ping-CMD.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Ping-CMD-300x158.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Ping-CMD-768x405.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Ping-CMD-620x327.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;60px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"662\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Ping-Mac.jpg\" class=\"attachment-full size-full\" alt=\"Ping Mac\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Ping-Mac.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Ping-Mac-300x205.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Ping-Mac-768x525.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Ping-Mac-620x424.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Now that you\u2019re armed with the knowledge on how to find your IP, you can proceed to confidently set up your store locator or apply the information wherever else you need.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Final Thoughts<\/h2>\n<p>[\/vc_column_text][vc_column_text]Having an interactive map on your website with the locations of your stores or offices marked can improve your business revenue, earn the trust of your clients and visitors and even boost your website\u2019s ranking in local searches. Whether you&#8217;re selling food and trying to snag hungry passers-by or wanting to attract curious tourists or local traffic, you need to give potential clients and customers a way to locate you.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In this article, we explored the different ways of implementing store locators on your site using Google Maps. While there are different ways you can do this, the two methods we discussed are both accompanied by detailed explanations so you can choose the one you prefer. Both come with a unique set of pros and cons, but we are confident that you will be able to implement whichever one you decide to use with ease. And as store locators can be a vital asset in expanding your business, we recommend bookmarking this article so you can always have it on hand.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Help your potential customers to find you with ease by adding a Google map store locator to your WordPress website. Just follow our step-by-step tutorial!<\/p>\n","protected":false},"author":11229,"featured_media":24381,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[58,15,4,13],"class_list":["post-24379","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-maps","tag-plugins","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/24379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/11229"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=24379"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/24379\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/24381"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=24379"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=24379"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=24379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}