How to Add Google Maps to WordPress [Free Methods]

Say a visitor lands on your contact page and wants to know where you actually are. A plain text address makes them copy it, switch tabs, and search. An embedded Google Map shows them in one glance, with directions a tap away. That small thing builds trust, and it nudges your local search visibility too.

Adding that map to WordPress comes down to one of two routes, and the right one depends on a single question: do you want a quick static map, or a styled, interactive one you control? This guide walks through both. It also clears up the part most older tutorials get wrong in 2026, which is when you actually need a Google Maps API key (and when you do not).

Why Add Google Maps to WordPress?

An interactive Google Map does more for a business site than a line of address text ever could. Here is what you get:

• Help visitors find your business: A map on your contact page lets customers, clients, or prospective hires see your location and pull up directions in one tap, instead of copying an address into another app.
• Show multiple locations: If you run several stores or offices, a single map can hold every address so customers find the nearest one.
• Support your local SEO: Most people look online first when they want a nearby business. A clear map and address reinforce the location signals that help you show up in local search.

Want to strengthen your site for search at the same time? Here are the 5 Best WordPress SEO Plugins Using AI.

Do You Need a Google Maps API Key? (The 2026 Answer)

This is where a lot of guides are out of date, so let us settle it clearly. Whether you need an API key depends entirely on which method you use.

• No key needed: If you copy the embed code straight from the Google Maps website (Method 1 below), you are using the Maps Embed API. Google states this is available at no charge with unlimited usage. The iframe you copy from the Share dialog needs no API key and no billing setup.
• Key needed: If you use a plugin block that renders a styled, interactive map (Method 2 below), it relies on the Maps JavaScript API, also called Dynamic Maps. That does require an API key from a Google Cloud project with billing enabled.

The old advice about a flat $200 monthly credit no longer reflects how Google bills. Today each API has its own monthly free allowance. The Maps Embed API is free with unlimited usage, and Dynamic Maps (the Maps JavaScript API) includes 10,000 free map loads per month before any pay-as-you-go charges apply. For a typical small business site, that free tier comfortably covers normal traffic, but adding a billing-enabled project is still required to generate the key.

How to Get a Free Google Maps API Key

If you are going the plugin route, here is how to create the key. You only do this once.

• Sign in to the Google Cloud Platform Console and create a project (or select an existing one).
• Add a billing account to the project. The free monthly tier covers typical usage, but billing must be enabled for the key to work.
• Open the API you need and click Enable.

• Go to Credentials, click + Create Credentials, and choose API Key.

Copy the generated key and keep it handy. A quick tip: restrict the key to your own domain in the Cloud Console so no one else can run up usage on it. You are now ready to drop it into your plugin settings.

How to Add Google Maps in WordPress (2 Free Methods)

Here are the two ways to embed Google Maps on WordPress, from the fastest no-code option to the fully customizable one.

Method 1: Add Google Maps in WordPress Without a Plugin

If you just want a simple map for a single location, with no custom markers or styling, the built-in embed code is the quickest route. It is free, takes about two minutes, and needs no API key at all.

Step 1: Find your location on the Google Maps website

Go to the official Google Maps website and search for the place you want to show. You can embed a place marker or directions to your physical location.

With the location selected, click the hamburger menu in the top-left corner.

Step 2: Copy the embed code

From the menu, select Share or embed map.

In the popup, open the Embed a map tab and pick a map size from the drop-down. The default size works well for most WordPress layouts, but you can change it. Then click Copy HTML.

Step 3: Paste the embed code into WordPress

Open the post or page where you want the map. In the Gutenberg editor, add a Custom HTML block.

Paste the copied embed code into the block, then click Update to save.

Use Preview to see how the map looks on the live page.

Need more than one location? Repeat these steps and add a separate embed for each address. (For many pins in a single map, Method 2 is the better fit.)

Also Read: Show live customer feedback next to your map. Here are the 5 Best WordPress Google Business Review Plugins to build trust with visitors.

Method 2: Add Google Maps in WordPress Using a Plugin

If you want a map you can style and load with multiple pins, use a plugin block like the Google Map block by Nexter Blocks. Unlike the plain iframe, this gives you control over the map look, custom markers, and multiple locations, all without code.

Nexter Blocks is a free plugin with 90+ Gutenberg blocks, including the Google Map block. You drag the block into the editor, add your locations, and customize it to match your site. Here is the step-by-step.

Step 1: Install and activate Nexter Blocks

In your WordPress dashboard, go to Plugins > Add New, search for Nexter Blocks, then install and activate it.

Step 2: Turn on the Google Map block

Go to Nexter Settings > Blocks, search for the Google Map block, switch its toggle on, and click Save. To make the block display a live map, you will add your Google Maps API key next.

Step 3: Add your Google Maps API key

Use the API key you created earlier (see the section above). In your WordPress dashboard, open Nexter Settings, find the Google Maps API key field, paste your key, and click Save.

Step 4: Add the block to your page

In the Gutenberg editor, click the + icon, search for the Google Map block by Nexter Blocks, and click it to insert the block.

Go to Content > Pins and open the first item. Add the latitude and longitude of your business location. (Google explains how to find these in its Geocoding documentation.) Under Tooltip Content, add the name and address that shows when a visitor clicks the pin.

To map more than one location, click + Add Pin and repeat. Nexter Blocks also supports pin clusters for sites with many locations.

Step 5: Customize the map

This is where the plugin route pulls ahead of a plain embed. Under Content in the Layout tab, set the image size, map height, and zoom level. You can also add custom text as an overlay from the Overlay Content tab.

In the Style tab, you control the scroll wheel, zoom control, scale control, full-screen mode, and more to set how interactive the map feels.

You can choose from four map types, Roadmap, Hybrid, Satellite, and Terrain, plus different map styles to match your branding.

Finally, you can set a custom image as the pin icon, so the marker matches your brand instead of the default Google pin.

Also Read: Comparing your options first? Check the 5 Best WordPress Google Map Plugins before you commit to one.

Which Method Should You Use?

Both methods are free for normal usage. The right one depends on how much control you want and whether you are mapping one address or several.

In short: if you need one static map fast, use the embed code. If you want a map that matches your brand, holds several locations, and stays interactive, use the Nexter Blocks Google Map block.

Wrapping Up

Adding Google Maps to WordPress is genuinely free either way. The plain embed code drops a single static map onto any page with no API key, which is perfect for a contact page with one address. When you want styling, custom pins, multiple locations, and interactive controls, the Google Map block by Nexter Blocks handles all of it without code, using the free Maps JavaScript API tier.

Nexter Blocks is an all-in-one plugin that extends the Gutenberg block editor with 90+ optimized blocks for dynamic content, social feeds, product listings, image galleries, and more.

Explore the full 90+ Gutenberg Blocks library here.

The free version covers everything in this guide. The Pro version starts at $39/year and adds advanced features, extra options, and premium support, with a lifetime plan available if you prefer to pay once.

Suggested Reading

• 5 Best WordPress Google Map Plugins
• 5 Best WordPress Google Business Review Plugins
• 5 Best WordPress SEO Plugins Using AI
• 5 Best WordPress Block Themes for Gutenberg
• Gutenberg vs Elementor: Which Should You Use?

FAQs on Adding a Google Map to WordPress