How to Add Google Maps to WordPress (Elementor, Blocks and Plugins)

Add Google Maps to WordPress with the Elementor widget, an embed in the block editor or a plugin, and keep maps from slowing your site.

Card: add Google Maps to WordPress

Table of Contents

To add Google Maps to WordPress, the simplest way is Elementor’s Google Maps widget (type your business address) or, in the block editor, open Google Maps, click Share, Embed a map, copy the iframe code and paste it into a Custom HTML block. For many locations or styled maps, use a maps plugin with a Google Maps API key. Lazy-load maps or place them lower on the page because they are heavy.

Key takeaways
  • Elementor: Google Maps widget with your address.
  • Block editor: Share, Embed a map, Custom HTML block.
  • Multiple locations need a plugin and API key.
  • Maps are heavy; lazy-load them.
  • Keep your address identical to your Google Business Profile.

Which method should you use?

MethodBest for
Elementor Google Maps widgetOne location, quick setup
Embed iframe in Custom HTMLBlock editor sites
Maps plugin with API keySeveral branches, custom markers
Static map image linked to MapsFastest loading
1-to-1 tutoringLearn WordPress faster with a mentor

Live 1-to-1 WordPress and Elementor lessons on your own site, from $40. Every lesson recorded. Beginners welcome.

See lessons and prices

How do maps affect speed?

Picture a homepage that loads a full interactive map at the top. On mobile, it adds noticeable weight before visitors see anything useful. Moving the map to the contact page, or showing a lightweight image that opens Google Maps when tapped, keeps the homepage fast and still gives directions. Pair the map with consistent name, address and phone for local SEO; see local SEO for small business.

Want to learn WordPress faster with a tutor?

I teach WordPress and Elementor 1-to-1 over Zoom or Google Meet, on your own website, at your pace. Lessons start at $40, every lesson is recorded so you can rewatch it, and you get a short checklist afterwards. Beginners, business owners, students and freelancers are all welcome. See lessons and prices or book a free intro call.

Frequently asked questions

How do I add Google Maps to WordPress?

Use the Elementor Google Maps widget, or embed the map iframe from Google Maps in a Custom HTML block.

Do I need a Google Maps API key?

Not for simple embeds or the Elementor widget; plugins with multiple locations usually need one.

Do embedded maps slow down WordPress?

They can; lazy-load them or place them lower on the page.

Can I show multiple locations on one map?

Yes, with a maps plugin and an API key.

Sources

1-to-1 tutoringLearn WordPress faster with a mentor

Live 1-to-1 WordPress and Elementor lessons on your own site, from $40. Every lesson recorded. Beginners welcome.

See lessons and prices
Written by Tanvir H

WordPress and Elementor web designer at Tanvir WebXprt, Bangladesh, with 7+ years of experience and 650+ projects for clients worldwide. Tanvir builds, fixes and speeds up WordPress sites every week and writes these guides from that hands-on work.

Keep learning

More WordPress guides

Done for you

Rather have an expert run your WordPress site?

Tanvir H is a Bangladesh-based WordPress and Elementor web designer with 7+ years of experience, 650+ projects and a 4.9 client rating. New websites, redesigns, fixes, speed, security and SEO, handled by one expert who explains everything in plain English and works with clients worldwide.

Website developmentWordPress, Elementor & WooCommerce sitesfrom $899
Fixes & speedErrors, hacks, Core Web Vitals, upgradesFree quote
SEO & paid adsRank on Google, run Meta & Google Adsfrom $300
Creative designWeb, graphic & brand identityfrom $220

Contents

Was this helpful? Spread the word and share with your network!
Facebook
Pinterest
LinkedIn
Reddit
VK
X
Telegram
Threads
Tumblr
Email
WhatsApp
Pocket

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Article