Embed your business map to your site with the WP Google Map extensio

WP Google Map extension

Local SEO is an important practice for every person who wants to boost their brand and get more sales. As users rely on mobile phones, their desire to access nearby stores and businesses has increased.

In order to achieve this, there are many plugins that enable you to add maps to your WordPress site, including the WP Google Map plugin that we will learn about today and discuss all the features it offers and how to use it. 

Who needs to add WP Google Map

WP Google Map extension comes as an add-on for showing Google Maps in your location, and this map will indicate the location of your business on the ground or the locations of other companies and stores. It can also be used to refer to any site or path in order to facilitate the visitor and improve the user experience .

This will improve the local search engines, so that the public will be able to know your exact location so that they can navigate and reach your site, whether by driving or walking, and give you the opportunity to link the site to comments in Google Maps through Marker Ratings features. With the ability to add images, products, descriptions and icons to the map. 

Explanation of WP Google Map Extension

 As we said that the WP Google Map add-on is one of the easy-to-use add-ons, and it comes with many features that we will learn about by explaining how to use it. The second one does not need it, but it will give you fewer features, and after selecting the type you want, you can add the map directly to your site. 

Now, you will have to define your map settings, which are the settings as follows:

(General settings) 

  1. Shortcode : With this option, you will get the code that enables you to add the map by including it in the traditional editor. 
  2. Map Name : to modify the name of the map, knowing that it will not appear in the map later. 
  3. Zoom Level : To control the zoom of the map. 
  4. Width : To control the display of the map, it is recommended that the map be 100% compatible with mobile phones. 
  5. height : Changes the length of the map and is recommended to be 400 pixels. 

Then you will find the following settings tab for templates


In this section there are many templates that you can choose between them, to change the shape and colors of the map, and it is worth noting that this feature is only available in Google Maps. It is possible to use the Google Maps APIs Design Wizard to create custom maps and then include them in the Templates field. 


Through this section you will be able to control all settings related to the directions features. But it is only available in the paid version of the extension.

Store Locator (Branches) 

By adding branches, website visitors will be able to identify all the branches of your business, by entering their location and specifying the appropriate distance, and then showing them all the branches that are near them. The section consists of a set of settings, which are: 

  1. Enable Store Locator : This option is for enabling the display of branches. 
  2. Store Locator Style : Specifies the layout of the map. 
  3. Search Area : to specify the degree of zoom according to the included location. 
  4. Radius Style : To change the style 
  1. Default radius : to change the default distance shown to users. 
  2.  Restrict to country : Restricts to country searches. 
  3. Show distance : Specifies the method of calculating the distance in kilometers or miles. 
  4. Store Locator Placement : to locate the appropriate search bar. 
  5. Show distance from search : Specifies if you want to show the distance from where the user searched. 
  6. allow users to use their location as the starting point : Specifies the users location as the starting point. 
  7. Show center point as an icon : to show the center point as an icon. 
  8. Marker animation : Specifies the way the location tag moves. 
  9. Hide all markers until a search is done : Hide all markers until a search is done. 
  10. Query String Name the address search field. 
  11. Default address : Specifies a default address to appear on the map. 
  1. Enable title search : Enables title search. 
  2. Title search String : to change the name of the search field and by default it comes with Title. 
  3. Not found message : Specifies the message that appears when the location is not found. 
  4. Style option : This option allows you to change the font color, saturation, as well as the color of the circle, which defines the diameter or distance available. 

After completing all the previous settings, and selecting the appropriate one for you, click on save map . 

Map settings 

After clicking on save map scroll down and you will find a set of settings related to map selection that allow you to add places and markers the way you want. To be displayed in the future on the site. Which includes an option: 

  • Markers : To add a tag to a site. 
  •  Advanced Markers : This option gives you additional features over embed tags and is only available in the paid version. 
  •  Polygons : to add polygons. 
  •  Heatmaps : Adds a heatmap. 
  •  Circles : for positioning in a circle. 
  •  Rectangles : GPS is in terrible shape. 

After you have finished preparing the map, click on the blue “Save” option below. 

In the lower part of the window, you will find that there are a set of basic functions and features that can be obtained by purchasing the paid version of the extension. 

Add the map to the site 

After completing all the necessary settings, you can add the map to your location, at your ease, and so you can do that there are two ways. It depends on the type of editor you are using, namely: 

  1. Add the map to the component editor. 
  2. Add the map to the main editor. 

Now let’s talk about the first method:

Adding a WP Google Map through the Component Editor 

You can add the map by going to the article or page you want to add the map to, then click on the + sign and search for WP Google Map and then click on the map to include it. 

It will look like this: 

In this way, the map will appear on your site, and let’s also talk about the second way to add the map through the basic editor.

Add the map in the main editor 

It is also known that the Classic editor does not support adding components, and in order to be able to add the map, in this case you will have to use the code that the plugin gives you, which is in the general settings. 

All you have to do is copy it and then go to the WordPress editor, convert the presentation to text and then paste the code where you want and save the changes. 

With this, we have explained the basic aspects of WP Google Map extension, knowing that the extension has a paid version that allows you more features that enable you to get advanced tagging options and in addition to the features locate stores and directions and get more interactive maps

What is your admiration?

Back to top button