1. Home
  2. Docs
  3. WPBakery Page Builder “How To’s”
  4. How to insert Google Maps?

How to insert Google Maps?

WPBakery Page Builder (formerly Visual Composer) allows inserting Google Maps with the embed code directly into your WordPress site by following 3 simple steps.

Find location on Google Maps

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

 

Receive embed code

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

 

Insert Google Maps

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

That’s it – now you will have Google Maps on your WordPress site with just 3 simple steps.

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