The Google Maps Advanced Element allows you to easily embed a Google Map into your page that is fully responsive and optimized for mobile viewing. You can embed a basic Google Map, or a custom Google Map that you have populated with map pins.

Example Google Map Embed

 

Types of Google Maps & Embed Codes

While any Google map can be embedded with this Advanced Element, there are two types of maps that we’ll show you how to embed. Follow the instructions below to find the embed code which you’ll need to embed your map.

 

Adding a Google Map Embed

Place your cursor on an empty line in the Rich Text Editor body:

Image showing the empty line required to embed a Google Map

 

Click the Add Element button located above the Rich Text Editor buttons:

Image showing the add element button

 

Click the Google Maps Embed icon in the Advanced Elements selection tool:

Image showing the location of the Google Maps embed button

 

Paste the full embed code you located earlier in the Google Maps Embed Code field.

Image showing the embed code entry field

 

Once you have entered the embed code, click the green Update Element button to insert your map:

 

After clicking Update Element, you’ll see the map placeholder image in the editor:

Image showing the Google Maps embed placeholder

 

Editing an Existing Google Map Embed

To edit an existing Google Map Embed, simply double click on the placeholder for the gallery you want to edit. The Google Map element options will display, and update the embed code as necessary. When you’re finished editing, click the green Update Element button to save your changes.