How to Embed Google Maps in WordPress Without an API Key

You want a simple map on your contact page. Then you discover that many map plugins ask you to create a Google Cloud project, sort out billing, generate a key, and restrict it. For one pin on one page, that’s a lot. The good news: you can show Google Maps without an API key and have it live in a couple of minutes.

This guide walks you through adding a responsive map with the free Gmap Block plugin, the settings worth changing, a privacy note, and when it makes sense to upgrade to Pro.

Why API Keys Are a Hassle for Simple Maps

The Google Maps JavaScript API powers interactive maps with custom markers, styling, and data layers. It’s powerful, but it comes with setup work that small sites rarely need.

• Account setup. You need a Google Cloud project and the right APIs switched on.
• Billing settings. Google Maps Platform ties every API key to a Cloud project for authentication and billing, so you end up dealing with billing setup too.
• Key management. You should restrict your key so others can't use it, and keep track of it when you move or rebuild the site.
• Blank maps when something breaks. A missing permission or disabled API can leave visitors staring at a gray box.

If all you need is “here is where we are”, a plain embed does the job. That’s exactly what Gmap Block’s free version does.

How to Embed Google Maps Without an API Key

The free Gmap Block plugin embeds the map the same way Google’s own “share map” embed works. There’s nothing to configure in Google Cloud and no key to paste.

What the free plugin gives you

• A Google map embedded with no API key and no setup
• Roadmap, satellite, terrain, and hybrid map types
• Responsive height and zoom level controls
• Border, radius, padding, and margin controls for the frame around the map
• No third-party dependencies

It’s a standard block, so it works in posts, pages, templates, template parts, and patterns. That includes block themes and Full Site Editing.

Step-by-step: embed a Google map in WordPress

1. Install Gmap Block. Go to Plugins > Add New in your dashboard, search for "Gmap Block", then install and activate it.
2. Open the page. Edit your contact page, location page, or any post where the map belongs.
3. Add the block. Click the + inserter, search for "Google Map", and insert the block from Gmap Block.
4. Enter your location. Type your business address or place name into the block's location field. You can find the block's options in the settings sidebar on the right.
5. Set the zoom level. Zoom in for a street address, zoom out for a city or region.
6. Pick a map type. Choose roadmap, satellite, terrain, or hybrid.
7. Adjust the height. Set a height that suits the layout, and check it on tablet and mobile.
8. Style the frame. Add a border, rounded corners, padding, or margin so the map matches your design.
9. Publish. Preview the page on a phone, then hit publish.

That’s it. No Cloud Console, no billing account, no key.

Map Block Settings Worth Changing

The defaults work, but a few tweaks make the map block in Gutenberg look intentional instead of dropped in.

Zoom level

Most people leave the zoom too far out. If you’re a shop or office, zoom in until nearby streets are readable. Visitors should recognize the area at a glance.

Height

A map that fills the whole screen on mobile is annoying to scroll past. Pick a moderate height and check it on tablet and mobile previews. On desktop, line the height up with nearby content like your address and opening times.

Map type

Roadmap is the clearest choice for directions. Satellite or hybrid works well for venues, campsites, farms, or anything where the visitor needs to recognize a building or landscape.

Frame styling

A small border radius and some spacing help the map sit neatly inside cards and columns. The free plugin styles the frame around the map. Restyling the map surface itself, such as dark mode or muted colors, is a Pro feature.

When You Need Gmap Block Pro

The free embed supports a single location. When you need more control, Gmap Block Pro turns it into a fully interactive map. According to the plugin page, Pro adds:

• Multiple locations on one map, each with its own details
• Custom markers with your own pin colors or an SVG icon
• Info windows attached to any marker
• Location cards that pan and zoom the map when clicked
• Map styling such as dark mode, muted palettes, and hidden points of interest
• Interaction control to stop the map hijacking page scroll
• An SVG world map colored by your own data, such as population or GDP growth by country

The pricing page also lists business hours and business reviews blocks as coming soon. Pro plans start from $19 per year.

Pro does need an API key

Here’s the honest trade-off. Pro uses the Google Maps JavaScript API for its interactive features, so it needs a free Google Maps API key. The SVG map is the exception and doesn’t need one.

The plugin walks you through creating a key. Under Settings > Gmap Block, a Test this key button reports whether Google accepted the key and which API still needs enabling, so you aren’t left guessing at a blank map.

You need	Best choice
One location on a contact page	Gmap Block (free, no key)
Several branches on one map	Gmap Block Pro
Branded map colors or dark mode	Gmap Block Pro
Country-by-country data map	Gmap Block Pro (SVG map, no key)

A Quick Privacy Note

Any embedded Google map loads content from Google’s servers when the page opens. That means your visitor’s browser connects to Google, and Google may set cookies or process data according to its own policies.

If your site serves visitors in regions with strict privacy laws, mention embedded maps in your privacy policy. Check whether your cookie consent tool should hold back third-party embeds until the visitor agrees. When in doubt, ask a privacy professional about your specific situation.

Tips for Better Map Pages

• Always show the address as text. Not everyone can use an interactive map. Put the full address, phone number, and opening hours next to it.
• Link to directions. Add a button that opens Google Maps directions in a new tab. Mobile visitors love this.
• Place the map lower on the page. Embedded maps are iframes. Keeping them below the first screen helps your main content load first. Google's web.dev team explains why in its guide to lazy-loading iframes.
• Use one map per page. Several embeds on a single page add weight without adding much value.
• Pair it with an FAQ. Parking, accessibility, and public transport questions fit perfectly below a map. See our guide on adding an FAQ section in WordPress.

Frequently Asked Questions

Do I need a Google Maps API key for Gmap Block?

Not for the free plugin. It embeds the map the same way Google’s share-map embed does, so there’s nothing to configure. A key is only needed for Gmap Block Pro’s interactive features.

Can I show more than one location on a map?

Not in the free version, which supports a single location. Multiple locations, each with its own marker and info window, are part of Gmap Block Pro.

Can I change the colors of the map itself?

The free plugin styles the frame around the map, including border, radius, and spacing. Restyling the map surface, such as dark mode or muted colors, requires the Maps JavaScript API and is a Pro feature.

Does Gmap Block work with block themes?

Yes. It’s a standard block, so it works in posts, pages, templates, template parts, and patterns, including block themes and Full Site Editing.

Add Your Map in Minutes

You don’t need a Cloud project or a billing account to show visitors where you are. With Gmap Block, you can add Google Maps without an API key, set the zoom, height, and map type, and publish in a few minutes.

Get Gmap Block free on WordPress.org. When you need multiple locations, custom markers, or styled maps, upgrade to Gmap Block Pro. Questions before you buy? Contact us or explore our other block plugins.