If you are having trouble with configuring your Google Maps API key, or you don’t want to use any of the features which require using one, but still want to display your Location on Google Maps, there is a way to do so using the WPBakery Page Builder’s Google Maps element.
First you should go to Google Maps and find your location. Than you click on the share button and switch to Embed a map tab. There you’ll find HTML you should copy:
Note: Embedded Google Maps use predefined values for their dimensions, however you can edit this by picking Custom Size and then inputting the desired map size values in pixels.
The next step is to edit the page you want to display the map on in WordPress, and switch to WPBakery Page Builder view (Make sure that WPBakery Page Builder plugin is installed and activated).
While in WPBakery Page Builder view, make sure the Backend Editor is enabled so that you can add elements:
After that, click on the Add Element Button, search for the Google Maps element and add it to your page:
After the Google Maps element has been added, go to its settings and paste the HTML you copied earlier from Google Maps in the Map embed iframe section. If there’s already some code in it, make sure you replace it with the new one, and not just paste one beside the other.
After you save the changes you made and publish the page, you should get your Location displayed on the Google Map in the front end:
Video Tutorial