Looking to pin multiple locations on Google Maps directly on your WordPress website? We’ve got you covered.
Google Maps helps visitors quickly identify and navigate to your business locations, offices, or events.
However, adding several pins manually can get complicated and frustrating, because default WordPress lacks built-in tools for placing multiple markers directly on Google Maps
Luckily, plugins for the Elementor editor with specialized Google Map widgets simplify this process.
You don’t have to struggle anymore to embed or update your maps.
In this blog, you’ll learn how to easily place multiple location pins using Elementor, step by step, without writing a single line of code.
What are Location Pins in Google Maps?
Location pins on Google Maps are visual markers indicating specific points on a map. When visitors click a pin, they see location details, including an address, directions, or additional context about that particular spot.
Pins help users quickly find the exact places they’re searching for.
Demo Image of Multiple Location Pins added using The Plus Addons’ Google Maps widget
Pins typically appear as small, colored icons or markers that clearly pinpoint specific addresses or geographic coordinates.
Businesses frequently use these markers to highlight store branches, event venues, or office locations directly on their websites.
Location pins simplify navigation and enhance website usability by offering clear visual cues.
Why Should You Add Multiple Location Pins on Google Maps?
Adding multiple pins to your maps is beneficial if your business or website needs to display more than one location or event.
Here’s why placing multiple pins makes sense:
- Easy Navigation for Visitors: Visitors immediately see your business locations displayed visually. This clarity saves their time and effort when finding your nearest branch, office, or event venue.
- Highlight Multiple Service Areas: Displaying multiple pins effectively showcases all areas your business covers. Visitors quickly understand your geographic reach.
- Efficient Route Planning: If your customers often visit different locations, pins enable efficient multi-stop route planning. Customers can conveniently plan visits and optimize their travel between locations.
- Better Customer Experience: Clearly marked multiple locations deliver an improved customer experience. Visitors appreciate the straightforward navigation which increases customer satisfaction and the engagement on your website.
Looking for easy ways to add maps to your website? Here are the best WordPress Map Plugins.
How to Pin Multiple Locations on Google Maps [Step-by-Step]
The Plus Addons for Elementor’s Google Maps widget offers many customization options and comprehensive features that helps you pinpoint locations to help your customers find your accurate location.
In case you’re a visual learner, here’s a quick video tutorial for you:
And if you’re a textual learner, here’s the step-by-step guide to adding and managing multiple pins using this widget.
Step 1: Install and Activate The Plus Addons for Elementor
To begin, install and activate The Plus Addons for Elementor plugin from your WordPress dashboard.
Make sure both the base plugin and the Pro version are active. This widget is part of the Pro pack, so having the upgraded version is essential.
Once activated, head over to The Plus Addons > Widgets. Use the search field to locate “Google Map” and toggle it on.
Hit “Save” to apply your settings. This will enable the specialized widget inside the Elementor editor.
Step 2: Generate and Add Your Google Maps API Key
Before the map can load real-time location details, you’ll need to add a valid API key.
Go to The Plus Addons > Extra Options > Settings and scroll to the “Google Maps API Key” section.
Click the link provided to access the Google Cloud API console.
There, create a new project, complete the setup, and copy your API key.
Back in WordPress, paste this key into the designated input field and save your changes.
Without this key, the map won’t display any pin location on the frontend.
For Detailed steps, check How to generate Elementor Google Maps Widget API Key?
Step 3: Drag and Drop the Google Map Widget
Open the page where you want to display the map and click Edit with Elementor.
In the Elementor panel, search for “Google Map.” You’ll see two options: select the one from The Plus Addons (TP written on top right of the box).
Drag this widget into your layout. Once it loads, you’ll see settings like Map Type, Content, and Map Style.
Under Map Type, select “Google Map” from the dropdown list. This will activate the familiar map interface your visitors expect to see.
Tip: Position your Google Maps section where users naturally expect it, like just above the contact form or on a dedicated Find Us page. You can also place it after location-specific content or alongside your Google reviews section to give users quick context and directions.
Step 4: Add Your First Location Pin
Now go to the Content tab and look for the Add Multiple Location Point section.
Click on the default item, and input the latitude, longitude, and address.
If you don’t know the correct location coordinates, click the provided link to visit latlong.net.
Use the search box to type your location name. Copy the coordinates shown and paste them into the respective fields in Elementor.
You’ll see the map update with a new marker icon, confirming the first pin location is set correctly.
Step 5: Add More Pins to Map Multiple Locations
To plot another point, click +Add Item. A new set of fields will appear.
Follow the same process: get the coordinates, paste them in, and give your current location a name.
You can add numerous locations, depending on your needs.
Each item gets its own pin, and all pins appear on the same custom map.
You can update the text custom labels for each pin to match your business branches, event names, or office titles.
Custom labels help users identify places easily on the map.
Step 6 : Customize Pins, Map Style, and Zoom Level
To improve the map’s appearance, head to the Map Style section. Adjust the map zoom level so all pins stay visible at once.
If your pin locations are spread across cities, zooming out helps maintain visibility without losing clarity.
You can change the map type (roadmap, satellite, terrain, hybrid), pin colors, and apply different themes for a more branded look.
You can also add custom map pins to display current locations, branches, fastest routes and more.
Do you Manage WordPress Websites? Download Our FREE E-Book of 20+ Checklist for WordPress Site Maintenance.
Wrapping Up
Displaying multiple location pins on Google Maps helps visitors view all your locations in one place. You can highlight stores, offices, or event spots, to improve navigation and build trust.
With The Plus Addons for Elementor’s Google Maps widget, you can place multiple pins, customize their appearance, and manage everything in the Elementor editor with no code required.
This widget is just one of over 120+ Elementor widgets included in The Plus Addons for Elementor. From advanced content elements to interactive design tools, each widget is built to add functionality, improve visual appeal, and speed up your design process.
The Plus Addons for Elementor is intuitive to use, equipped with advanced features, and fully optimized for performance.
Check out the Complete List of 120+ Widgets and Extensions here. Start building your dream website without coding!
It’s also compatible with the latest versions of Elementor and WordPress, making it a reliable addition to any website built with Elementor.
FAQs on Pinning Multiple Locations on Google Maps
Can I pin multiple places on Google Maps?
Yes, Google Maps lets you pin multiple locations easily using tools like Google My Maps or map plugins. It helps display all relevant locations on a single map, making it easier for visitors to find addresses and navigate without switching between maps.
What is the maximum number of pins you can drop on Google Maps?
You can drop up to 2,000 pins per layer across 10 layers using Google My Maps. That means you can add hundreds of locations which is more than enough to map out business branches, service areas, or multiple events.
Can I remove a Pinned location from Google Maps?
Yes, just click the pin location you want to delete and select the remove option. If the map is embedded on your site, you’ll need to update the source map or use your WordPress plugin settings to remove the specific marker.
Is it possible to pin a location on Google Maps using coordinates?
Yes, you can add a Google Map pin in a simple step using latitude and longitude values. Just enter the coordinates into the search bar, and Google Maps will drop a pin at that exact location, even if you don’t have a specific address available.
How do I integrate multiple Google Maps locations without coding in Elementor?
Use The Plus Addons for Elementor’s Google Map widget to map multiple addresses visually. It’s a no-code solution that lets you drop, label, and customize multiple pins directly inside Elementor using a simple interface with flexible settings.
Can I plot multiple addresses on Google Maps?
Yes, Google Maps allows you to plot multiple addresses on a single map. This is especially useful for showing different business locations or regional offices in one place, helping users find the location nearest to them and navigate efficiently between each destination.
Does Elementor have a built-in feature for multiple location markers on Google Maps?
Elementor doesn’t support multiple location markers by default. To display multiple pins, you’ll need a plugin like The Plus Addons, which adds advanced mapping widgets that give you full control over your business pin placement and design inside your Elementor editor.
Can I add custom icons to multiple pins on Google Maps using Elementor?
Yes, you can set a custom map marker icon for each pin using Elementor-compatible plugins. You can also change the marker color to match your brand, helping users visually distinguish locations and improving the overall map navigation experience.
