How to Embed Google Maps in WordPress (No Plugin Required)
Adding an interactive Google Map to your WordPress site helps customers find your physical business address, office, or store. You don't need to install heavy plugins or pay for API keys to do this.
Method 1: Using WordPress Gutenberg Editor (Recommended)
- Generate your Embed Code: Go to our Free Google Maps Generator, enter your business address, customize the size, and click Copy Code.
- Open your WordPress Page/Post: In your WordPress admin dashboard, navigate to Pages → Edit or Posts → Edit.
- Add a Custom HTML Block: Click the + (Add Block) button in the Gutenberg editor, search for
Custom HTML, and click to insert it. - Paste the HTML Code: Paste your copied Google Maps iframe HTML snippet into the Custom HTML block text field.
- Preview and Publish: Click Preview in Gutenberg to check the live map appearance, then click Update or Publish.
Method 2: Using Elementor Page Builder
- Generate and copy your map HTML code from our generator.
- Open your page with Elementor.
- In the Elementor panel, search for the HTML Widget.
- Drag and drop the HTML Widget onto your desired section.
- Paste the embed code into the HTML Code box on the left sidebar.
- Click Update to save changes.
Frequently Asked Questions for WordPress Maps
Do I need a WordPress plugin to display Google Maps?
No. Standard HTML iframe embed codes generated by our tool work natively in WordPress without extra plugins, keeping your site fast and secure.
Is the embedded map mobile responsive in WordPress themes?
Yes, as long as you select the "Responsive" checkbox in our generator, the map will adapt automatically to mobile viewports across all WordPress themes.