The Divi Map Module makes it easy to embed a Google Map in your Divi web page. This can be a great strategy to share your small business location on a marginally internet web page, in a footer, or on an about internet web page.
In this publish, we’re going to show add multiple location pins in your Divi map. This can be a great feature if your small business has multiple puts another way you’re hanging together a space knowledge to show off your favorite coffee stores, and so forth.
Let’s dive in!
What You Need to Get Started
To get started, it is very important do the following:
- Set up Divi for your WordPress web page.
- Add a Internet web page, give it a establish, and submit it.
- Permit the Visual Builder.
- Create your Google API Key.
Make a choice Assemble From Scratch
Whilst you click on at the “Use Divi Builder” button the internet web page will reload the use of Divi’s drag and drop builder interface. 3 alternatives will pop up – Assemble From Scratch, Make a choice A Premade Layout, and Clone Present Internet web page. For at the moment’s purposes, select “Assemble From Scratch”. This may increasingly most probably give us a blank slate where we can assemble our designs.
How you can Add A few Pins to Your Divi Map
Let’s get into the educational! Proper right here’s add multiple location pins in your Divi Map.
Add Your Google API Key
Faster than we’ll be able to utterly use the map module and its functionalities, you’ll need to add your Google API Key in your Theme Possible choices.
- From your WordPress dashboard, pass to Divi > Theme Possible choices and paste your Google API Key.
- Click on on “Save Changes”.
Add a Phase and Row and the Map Module
Navigate once more to the internet web page you merely created and add somewhat and a one-column row in your internet web page. Then load the module library and click on on Map. Once added, the module window will pop up with the entire settings and functionalities available within the map module.
Add a New Pin
In an effort to upload a brand spanking new location pin, click on on “Add A New Pin”. This may increasingly most probably lift up the settings for that new pin. Throughout the Text tab, type throughout the establish and an overview text you want to be displayed proper right here. Throughout the Map tab, paste the take care of for the pin throughout the Map Pin Take care of input field and then click on on find.
Choosing a Map Middle Take care of
Choosing a map middle take care of determines how your map is oriented. That turns out to be useful when you want to show multiple pins without delay. Beneath, we’ve were given the map middle take care of as San Diego, CA 92104, USA so that it shows all of our pins inside of that area.
And there you’ve got it! You’ll add as many pins in your map as you’d like. Together with pins to the map module is modest and easy and ends up in an interactive Google Map that is easy to use for your web page visitors.
The publish How one can Upload A couple of Pins to Your Divi Map seemed first on Chic Topics Weblog.