🎁 Get Up To 70% Off and a Free Prize During Divi Black Friday Sale! Get Divi

How to Embed Google Map in Divi No API

Blog, Divi Tutorial | 0 comments

In this tutorial I will share the steps to add and embed a Google Map on your website without using an API.

The Divi theme comes with a Map Module by default. However it requires you to get a Google Maps API key. On top of that the API will not work unless you add a credit card to your account.

The credit card will be charged if you usage exceeds $200. You get $200 of free usage each month.

If you just want to show a simple Google Map on your website then Embedding a Google Map using a Code Module is a good alternative to using the Maps Module.

Find the Embed Code for your Address

You need to go to the Google Maps website and enter the address that you want to show on the Map.

Google Maps Address Seach

Then click on the Share button. This will open a popup with two different Tabs.

Switch to the Embed Map tab and then press the Copy HTML button. This will copy the code to your clipboard. Now you are read to paste it on your website.

Google Map Embed Code

Add the Map Code in a Code Module

To add the Map in Divi you need to add a new Code Module on the page.

Divi Code Module

Next all your need to do is paste the copied code inside the newly added code module. This should now show a Google Map on your website.

Divi Code module with Google map embed code

If you take a closer look at the code you will see it has the width and height attributes. You can add custom values in them to change the size of the map. To make the map fullwidth you can set the width to a 100%.

Next you can check out another Divi Tutorial.

  1. Change Number of Columns in Divi Portfolio Module
  2. Change Icon in Divi Toggle or Accordion Module
  3. Add Labels Above Input Fields In The Divi Contact Form

Leave a comment below if you found this helpful or have any questions. Don’t forget to subscribe to the Newsletter to receive the latest tutorials in your inbox.

About the Author

The author of learnhowwp.com is a WordPress expert with over a decade of experience, specializing in Divi. Since 2014, they have built numerous WordPress sites and developed 8 Divi plugins with over 30,000 active installations. A former support team member at Elegant Themes, they launched learnhowwp.com in 2020 to share their in-depth knowledge of Divi. Now home to over 65+ articles dedicated to Divi tutorials and insights

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Our Plugins Are Already Being Used On 30,000+ Amazing Websites.

We offer a 30 Day Money Back Guarantee on all plugins, so joining is Risk-Free!