How to Add Multiple Pins to Your Divi Map

Posted on February 21, 2023 by 2 Comments

How to Add Multiple Pins to Your Divi Map
Blog / Divi Resources / How to Add Multiple Pins to Your Divi Map

The Divi Map Module makes it easy to embed a Google Map to your Divi website. This is a great way to share your business location on a contact page, in a footer, or on an about page.

In this post, weโ€™re going to demonstrate how to add multiple location pins to your Divi map. This is a great feature if your business has multiple locations or youโ€™re putting together a local guide to show off your favorite coffee shops, etc.

Letโ€™s dive in!

What You Need to Get Started

To get started, you will need to do the following:

  1. Install Diviย on your WordPress website.
  2. Add a Page, give it a title, and publish it.
  3. Enable the Visual Builder.
  4. Create yourย Google API Key.

Select Build From Scratch

Once you click the โ€œUse Divi Builderโ€ button the page will reload using Diviโ€™s drag and drop builder interface. Three options will pop up โ€“ Build From Scratch, Choose A Premade Layout, and Clone Existing Page. For todayโ€™s purposes, select โ€œBuild From Scratchโ€. This will give us a blank slate where we can build our designs.

How to Add Multiple Pins to Your Divi Map

Letโ€™s get into the tutorial! Hereโ€™s how to add multiple location pins to your Divi Map.

Add Your Google API Key

Before weโ€™ll be able to fully use the map module and its functionalities, youโ€™ll need to add yourย Google API Keyย to your Theme Options.

  1. From your WordPress dashboard, go to Divi > Theme Options and paste your Google API Key.
  2. Click โ€œSave Changesโ€.

Add a Section and Row and the Map Module

Navigate back to the page you just created and add a section and a one-column row to your page. Then load the module library and click Map. Once added, the module window will pop up with all the settings and functionalities available within the map module.

Add a New Pin

To add a new location pin, click โ€œAdd A New Pinโ€. This will bring up the settings for that new pin. In the Text tab, type in the title and a description text you want to be displayed here. In the Map tab, paste the address for the pin in the Map Pin Address input field and then click find.

Choosing a Map Center Address

Choosing a map center address determines how your map is oriented. This is helpful when you want to show multiple pins at once. Below, we have the map center address as San Diego, CA 92104, USA so that it shows all of our pins within that area.

Divi multiple Google map pins

Final Thoughts

And there you have it! You can add as many pins to your map as youโ€™d like. Adding pins to the map module is simple and easy and results in an interactive Google Map that is easy to use for your website visitors.

Divi Marketplace

Are You A Divi User? Find Out How To Get More From Divi! ๐Ÿ‘‡

Browse hundreds of modules and thousands of layouts.

Visit Marketplace
Divi Marketplace
Divi Cloud

Find Out How To Improve Your Divi Workflow ๐Ÿ‘‡

Learn about the new way to manage your Divi assets.

Get Divi Cloud
Divi Cloud
Divi Hosting

Want To Speed Up Your Divi Website? Find Out How ๐Ÿ‘‡

Get fast WordPress hosting optimized for Divi.

Speed Up Divi
Divi Hosting
Premade Layouts

Check Out These Related Posts

New Starter Site for Construction (Quick Install)

New Starter Site for Construction (Quick Install)

Posted on October 29, 2024 in Divi Resources

Divi empowers you to build the best websites possible, and now, Divi Quick Sites takes website creation to a whole new level. This revolutionary tool lets anyone, regardless of skill level, generate a complete website in under two minutes! Divi Quick Sites provides everything you need to launch...

View Full Post
Divi 5 Update: Public Alpha Version 2

Divi 5 Update: Public Alpha Version 2

Posted on October 28, 2024 in Divi Resources

The Divi 5 Public Alpha is available for testing. As we progress towards the final release, we’ll update Divi 5 every two weeks, appearing as a standard update in your WordPress dashboard. If you use Divi 5, you’ll notice an update notification for Public Alpha Version 2 today. We have...

View Full Post
Divi Plugin Highlight: DiviFlash

Divi Plugin Highlight: DiviFlash

Posted on October 27, 2024 in Divi Resources

DiviFlash, a powerful premium plugin, offers a suite of tools to help you easily create beautiful, professional Divi websites. From advanced modules and layout packs to customizable sections and more, DiviFlash lets you design websites that captivate and engage your audience. In this post,...

View Full Post

2 Comments

  1. Does the Divi map module have a pin clustering feature? We’re using a 3rd party mapping tool for that reason. Last time I checked (a couple of years ago), the built-in map module didn’t offer that. Is clustering available now?

  2. Hi

    I would need to show just under 500 pins across UK. Inputting them manually 1 by 1 is in my scenario not really an option. Is there any way of batch adding pins?

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today