View Categories

How to Embed Google My Map in Elementor?

Table of Contents

With Custom iFrame plugin, you can embed Google My Map in Elementor easily. Display custom maps, locations, or travel routes directly on your WordPress site.

Follow these steps to display a Google My Maps on your website.

Not a fan of reading? No worries! we’ve got a video tutorial for you. 📺

Embed Google My Maps in Elementor | Show Custom Maps on Your WP Site.

Not a video person? No worries — scroll on for the full step-by-step guide.

Step 1: Get Your Google My Maps Link

  1. Open Google My Maps (https://mymaps.google.com/).
  2. Create a new custom map or open your pre-existed map.
  3. Copy the custom map URL.

Step 2: Install the Custom iFrame Plugin

  1. Install and Activate ‘Custom iFrame Plugin by Coderz Studio‘
  2. Open your page in Elementor Editor.
  3. Search for Custom iFrame and Drag and drop the Widget onto editor area.
This image shows the WordPress plugin “Custom iFrame for Elementor – Embed Pdf, Maps, Videos, & Websites Easily” by Coderz Studio. It allows secure, SEO-friendly, and responsive iFrame embedding in Elementor with features like lazy loading, auto-height adjustment, and dynamic URL support. The plugin has a 5-star rating from 3 reviews, over 1,000 active installations, was last updated 19 hours ago, and is marked compatible with the current WordPress version.

Step 3: Embed Google My Map in Elementor

  1. Go to Content section of Custom iFrame widget.
  2. Paste your map URL into Source URL field.
This screenshot shows how to Embed Google My Maps in Elementor using the Custom iFrame widget. The Source URL field is filled with a Google Maps custom embed link, displaying multiple demo store locations around Ahmedabad on the map. The settings panel on the left allows adjusting height, auto height toggle, and scrollbar visibility.

Step 4: Customize & Configure Settings

For styling, smart loading, and advanced options, refer to our Complete Custom iFrame Widget Guide to fine-tune your map embed.

Customize your iFrame with our Style Custom iFrame guide—adjust dimensions, backgrounds, borders, and more! 🎨✨

Step 5: Save & Publish

Click Update, and the custom Google My Map is now live on your page!

Make navigation simple. Embed your custom Google My Map in Elementor and help your visitors explore places right from your website!