Google Maps Element

This Article Is For:

  • All users who have access to one/all of the following: pages, blogs, contests, and sidebars
  • This is applicable to: All themes

Note:

  • The Google Maps widget is not recommended for use in the side bar as it can potentially exceed the 1 million hits allowed by Google under its free plan

WPBakery Page Builder (formerly Visual Composer) allows you to insert a Google Map (with the embed code) directly onto your site by following these simple steps.

Step-by-step guide

  1. Find location on Google Maps
  2. Before you add a particular map to your website you will need to visit the Google Maps site.
  3. On the left upper side you will see a search field which can be used for finding a specific location.
  4. Type the location you are looking for and make sure that your map zoom level is how you wish to be represented on your site.
  5. Once you have your location and zoom level set you will need to retrieve the embed code for inserting it onto your site.
  6. On the right bottom side of the map you will see the "cog" icon which will trigger the menu to appear.
  7. Choose "Share or embed map" option - this will open a popup window
  8. Go to the "Embed map" tab.
  9. Copy the whole embed code as you will need it for the Google Maps widget.
  10. Now go to your site and add the Google Maps widget from the WPBakery Page Builder.
  11. In the Google Maps widget popup window you will see the "Map embed iframe" field
  12. Past the embed code you got from Google Maps.
  13. After that you can set additional parameters for your newly added Google Map and Save it.