Are you desperately trying to add a Google map to your Divi website? You have done everything that is necessary (you created a Google maps API key and added it to your Divi theme options) and the map still does not load? If you are still receiving errors, just continue reading this article. I will explain a clever workaround solution for this problem to you.

Elegant Themes has explained all that you need to do to make it work correctly in its documentation here. For example, you will need to enable the Google Maps Geocoding API and Javascript API in your Google account.

I had fulfilled all these requirements, but the map still wasn’t loading. I also cleared the cache, both for Divi and SiteGround (this is the web host that I use), but still without any luck. This problem had been driving me mad for a few days while I had been trying to find a solution to this problem.

Luckily, the workaround to this issue that I’ve found out is very simple; all you need to do is to simply use a Divi Code Module and insert the code of the map right from Google into it. Then it will work. Moreover, it will look just like as if you used a Divi map module. So, do not be worried to do it this way. It is absolutely OK.

 

 

To get the code for your map, just go to Google maps, search for your company or your address on Google maps and click on the “Share” button. After that, click on “Embed a map” and then just copy the iframe HTML code and insert into a Divi code module on your website.

Additionally, you may need to adjust the width and height values of the iframe.

And that’s it. This is all there is to address this problem.

For more Divi tutorials like this one, feel free to subscribe to my newsletter.