How To Embed Google Maps In Divi Without An API ?

Divi Theme Embed google maps
RANK MATH-Banner

Do you want to embed Google Maps as simply as possible ? Working with a simple HTML code from the Divi Builder, this solution makes it possible to dispense with the procedure for obtaining an API key.

1. Go to Google Maps

You should then find the exact location you want to share on your website and zoom in until you clearly see the location on the map.

2. “Share” Button

Click on the “Share” menu button at the top left of your screen to see the option and then click on the “Embed a map” option.

Divi theme Google Maps Share Button

3. “Share” Window

A window will then open where you will see two tabs named “Send a link” and “Embed a map”. Choose the “Embed a map” tab and you will find an HTML code there.

Divi theme Google Maps Share Button 2

Copy this HTML code by clicking “COPY HTML”:

Divi theme Google Maps Share Button 3

Here is what this code looks like, which varies according to the locations of Google Maps:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3456.0066415390556!2d31.132007850800175!3d29.979239128515893!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14584587ac8f291b%3A0x810c2f3fa2a52424!2sPyramide%20de%20Kh%C3%A9ops!5e0!3m2!1sfr!2ses!4v1645881660798!5m2!1sfr!2ses" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>

4. Go to Your Website

Now go to your website where you want to display the map. You must paste your Html code in the CODE Module of the Divi Builder (Content > Text). Validate. The map will then be displayed on your page:

Divi-theme-Module-CODE
Divi theme Module CODE 2

5. Adjusting the map size in Divi

You can easily change the size of the map by manually modifying the “width and “height” values contained in the HTML code you have just obtained.

Divi theme Module CODE 3

More tips are available here.

image 100314455 13805217


Bloom Email Optin Plugin
Rank Math Pro Seo Plugin

wpml logo


This publication is also available in : Français Español Italiano Deutsch Svenska Português Nederlands Türkçe

Leave a Reply