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

By Claudio Pires
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

Claudio Pires

Claudio Pires is the co-founder of Visualmodo, a renowned company in web development and design. With over 15 years of experience, Claudio has honed his skills in content creation, web development support, and senior web designer. A trilingual expert fluent in English, Portuguese, and Spanish, he brings a global perspective to his work. Beyond his professional endeavors, Claudio is an active YouTuber, sharing his insights and expertise with a broader audience. Based in Brazil, Claudio continues to push the boundaries of web design and digital content, making him a pivotal figure in the industry.