How to Display Multiple Locations on a Divi Map

Divi is a popular WordPress theme that comes with a built-in map module. You can use this module to show your visitors where you are located or where you have multiple offices or branches. In this article, we will show you how to add multiple pins to a Divi map and customize them with different colors and icons.

Step 1: Create a new page and add the map module

To get started, create a new page in WordPress and enable the Divi Builder. Then, add a new section and insert the map module. You will see a default map with one pin on it.

Step 2: Add more pins to the map

To add more pins to the map, click on the map settings icon and go to the Content tab. There, you will see a list of pins under the Map Pins option. You can add a new pin by clicking on the Add New Pin button at the bottom of the list.

Each pin has its own settings where you can enter the address, title, content, and link for the pin. You can also choose whether to open the link in the same window or a new tab.

Step 3: Customize the pins with different colors and icons

To make your pins more attractive and distinctive, you can customize them with different colors and icons. To do this, go to the Design tab in the map settings and scroll down to the Pin section.

There, you will see options to change the pin color, icon color, and icon font size. You can also select an icon from the Icon Picker option. Divi has a large collection of icons that you can use for your pins.

You can also customize each pin individually by going to its settings and changing the same options under the Pin section.

Step 4: Save and preview your map

Once you are happy with your pins, save your changes and preview your map on the front end. You should see a beautiful map with multiple pins that show your locations.

You can also zoom in and out of the map and click on each pin to see its details.

Conclusion

Adding multiple pins to a Divi map is a great way to showcase your locations and attract more customers. With Divi’s map module, you can easily create and customize your pins with different colors and icons. We hope this article helped you learn how to add multiple pins to a Divi map. If you have any questions or feedback, feel free to leave a comment below.