How to Embed Google Map in Divi
Are you looking for a way to embed Google Maps in Divi? If you just want to embed a single marker pin Google Map without API and free, then this article is for you. If you’re looking for more advanced Google Map using API which you can style the Divi Map, Custom Pin Marker Icon, InfoWindow Customization, Marker Clustering, Map Directions and more, then we suggest looking at Divi Web Design’s Map Extended Module.
In this article, we are going show you the best, fastest and code free way to embed your Google Map in Divi. Forget about opening a new tab, visit google map, put in your google map address, copy the embed code and etc. You don’t have to do all these!
How To Embed Google Maps In Divi Without A Plugin
Seriously? Maybe you’ve seen other websites talking about how you can embed Google Map in your Divi but just in case you’re interested to know how many steps just to embed a simple Google Map in Divi, then here you go:
- Open a New Tab
- Go to Google Map
- Enter Your Address
- Click On Share
- Copy Code
- Go Back to Divi
- Open Code Module
- Paste into Code Module
We won’t go through all these steps because it’s not even worth talking about it.
How To Embed Google Maps In Divi With Divi Supreme Plugin
Using Third Party Divi plugin, Divi Supreme’s Divi Embed Google Map Module. This is available on the free and pro version. Divi Supreme plugin enhances the experience and features found on Divi and extend with custom creative modules and extensions to help you build amazing Divi websites.
Steps to Embed Google Map in Divi
- Firstly, install and activate Divi Supreme plugin.
- Go to Divi Builder and look for Supreme Embed Google Map Module
- Put in your address
- Save and Publish
In no time, we can have a simple and nice Google Map like the Google Map we embed below without switching tab, copy and paste and etc. It’s just a waste of time doing those. Save time and use Divi Supreme 🙂
We want to hear from you. Let us know what you think about it in the comments.