How to Add Multiple Pins to Your Divi Map

by | Feb 21, 2023 | Etcetera | 0 comments

The Divi Map Module makes it simple to embed a Google Map on your Divi web page. This can be a nice approach to proportion what you are promoting location on a touch web page, in a footer, or on an about web page.

On this publish, we’re going to reveal methods to upload more than one location pins on your Divi map. This can be a nice characteristic if what you are promoting has more than one places otherwise you’re hanging in combination a neighborhood information to blow their own horns your favourite espresso stores, and many others.

Let’s dive in!

What You Want to Get Began

To get began, it is very important do the next:

  1. Install Divi in your WordPress web page.
  2. Upload a Web page, give it a identify, and post it.
  3. Permit the Visible Builder.
  4. Create your Google API Key.

Make a choice Construct From Scratch

When you click on the “Use Divi Builder” button the web page will reload the usage of Divi’s drag and drop builder interface. 3 choices will pop up – Construct From Scratch, Make a choice A Premade Structure, and Clone Current Web page. For as of late’s functions, make a choice “Construct From Scratch”. This may increasingly give us a clean slate the place we will construct our designs.

See also  How to Make a Real Estate Website with WordPress in 2024

How you can Upload A couple of Pins to Your Divi Map

Let’s get into the educational! Right here’s methods to upload more than one location pins on your Divi Map.

Upload Your Google API Key

Earlier than we’ll have the ability to absolutely use the map module and its functionalities, you’ll want to upload your Google API Key on your Theme Choices.

  1. Out of your WordPress dashboard, pass to Divi > Theme Choices and paste your Google API Key.
  2. Click on “Save Adjustments”.

Upload a Phase and Row and the Map Module

Navigate again to the web page you simply created and upload a piece and a one-column row on your web page. Then load the module library and click on Map. As soon as added, the module window will pop up with the entire settings and functionalities to be had throughout the map module.

Upload a New Pin

So as to add a brand new location pin, click on “Upload A New Pin”. This may increasingly convey up the settings for that new pin. Within the Textual content tab, kind within the identify and an outline textual content you need to be displayed right here. Within the Map tab, paste the deal with for the pin within the Map Pin Cope with enter box after which click on to find.

Opting for a Map Middle Cope with

Opting for a map middle deal with determines how your map is orientated. That is useful when you need to turn more than one pins directly. Under, we have now the map middle deal with as San Diego, CA 92104, USA in order that it presentations all of our pins inside that house.

See also  How to Build a Stunning Portfolio Website Quickly

Divi multiple Google map pins

Ultimate Ideas

And there you could have it! You’ll be able to upload as many pins on your map as you’d like. Including pins to the map module is modest and simple and leads to an interactive Google Map this is simple to make use of to your web page guests.

The publish How to Add Multiple Pins to Your Divi Map gave the impression first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

DON'T LET YOUR WEBSITE GET DESTROYED BY HACKERS!

Get your FREE copy of our Cyber Security for WordPress® whitepaper.

You'll also get exclusive access to discounts that are only found at the bottom of our WP CyberSec whitepaper.

You have Successfully Subscribed!