WordPress Google Maps Using Visual Composer (WPBakery)

See now how to easily add the Google Maps on your WordPress site using the map page builder element for Visual Composer WordPress plugin

Updated on July 25, 2022
WordPress Google Maps Using Visual Composer (WPBakery)

See now how to easily add Google Maps on your WordPress site using the element for Visual Composer WordPress plugin – the element which includes a simple way for adding Maps to your WordPress site. Taking into account constant improvements in Maps and ways how to embed them we will constantly update this blog post with the latest information so you do not have to figure it out by yourself.

WordPress Google Maps Using Visual Composer
WordPress Maps Using Visual Composer – Element

1. Find location on Maps

Before you add a particular map to your website you will need to visit the Google Maps site. Firstly, on the left upper side, you will see a search field which can be used for finding specific location. Secondly, type the location you are looking for. Finally, make it more important to make sure that your map zoom level is exactly the same as you wish to appear on your WordPress site.

2. Receive embed code to add in WordPress using Visual Composer (WPBakery)

Once you have your location and zoom level set. Now, you will need to retrieve the embed code for inserting it on your site. In addition, on the right bottom side of the map. You will see the “cog” icon which will trigger the menu to appear. Moreover, choose the “Share or embed map” option. This will open a popup window where you must go to the “Embed map” tab. Copy the whole embed code as you will need it in the Google Maps element.

3. Insert Google Maps

Now you can go to your WordPress site and add a Google Maps element for Visual Composer. In the Google Maps element parameters window. So, you will see the “Map embed iframe” field where you must copy the embed code you got from Google Maps.

As a result, that’s it – now you will have Maps on your WordPress site with just 3 simple steps.

After that, you can set additional parameters for your newly added Map and Save it. Now you have your created Google Map on your WordPress site backed up by Visual Composer.

WordPress Google Maps Using Visual Composer
map example

Finally, all Visualmodo WordPress themes include the Visual Composer Page Builder WordPress plugin and all its elements for free.

Video Guide