how to add google map in divi theme | Simple and Easy(Latest)

hi this is for Donna into this video I will show you how to add google map in DB website so this is the website which we are going to work so this website is developed in vivid team and I have created another complete tutorial about diva team and dear if you go to my complete diva tutorial you can see here I described all part step by step how I developed this website in division so here is the home page and others pages I developed and I described all steps step by step in this tutorial so you can check this out I also leave this tutorial link in description below so let's get started [Music] now I'm going to my contact page and now I want to add a Google map in this section so for this first I'm going to enable visual builder and now here I'm taking a new section I'm taking a regular section with a single column row and now here is two ways we can add Google Maps one is here is a map module which is given by Divi theme in my opinion here is some complexity here we need to add Google Maps API key and for this you need to add your credit card information and it will charge after some time but here you will get so many options you can add multiple locations and you can customize your map as you want but here I prefer to do this in a another and simple way if you want to add only one location that case I prefer to add embed Google map directly so for this I'm going to Google Maps just type in Google Maps going here and now I'm typing a certain address or location just I'm typing a offish address this is CS aerosystems and now I want to add this location on my Google map so for this just click on share embed a map and copy HTML now I'm going to my website and deleting this Maps module Here I am taking this code module and just paste it here is week 600 pixel and height 450 pixel but here I want to make weight hundred percent and for now we can leave it hide 450 or something less just make it to 400 and save it now I'm making it full with siding with hundred-percent and Max wheat also hundred percent and I am removing this spacing for this section and removing this row spacing and same for bottom area so now this is our Google Maps when I click these reaction links we can see our full map on Google Maps so if you have only one location to add this is the simple and quickest way to add google map in Divi website now I am going to save it and exit visual builder now we can see our Google map is added here and it's fluid hope this tutorial will help you if you need more professional help from me then go to fortune and dot-com and get started now here is the form below just fill this form with your details information and your project details and submit it I will reply you in next 24 hours I will also leave this paste link in the description below thanks for watching and welcome to my next tutorial

Channel: Farjana Rashid

Views: 8,965

Keywords: divi maps not working, divi map module not working, divi map module, divi map module request denied, how to add google map in wordpress, divi map pin address not working, divi map widget, google map divi theme, google map divi, google maps divi, divi google maps, divi google map, how to add google map in divi theme, embed map divi, divi map module broken, divi map module problem, divi map module fix, farjana rashid

Id: 9WNzgWyxwc0

Length: 5min 3sec (303 seconds)

Published: Thu Feb 20 2020