Adding a Google Map is a great way to show visitors to your site where your venue is and how to get there. Below is a post I did to show a “yoga website design” client of mine how to add a Google Map to her yoga classes page.


Part 1: Type your address into Google Map


Step 1
Go to the Google Maps website.

Step 2
Type in the address of your yoga venue. 


Part 2: Embed Map 


Step 1
Click on the settings icon on the bottom right (looks like a black tyre) and click “share and embed map”.

Step 2
Click “Embed map”. This will show you the embed code.

Settings Icon


Part 3:  Iframe


Step 1
Click “Embed map”

Step 2
Copy the text in the box (iframe code)

Iframe


Part 4: Embed the Google Map


Step 1
When using the Divi WordPress theme, log into the admin of the site, go to the “Yoga classes” page, and click the “copy icon” which will duplicate the module.

Duplicate Module

Step 2
Open the Google Maps section

Open Google Map Section

Step 3
Add code to the “text section” and click save.

Add Code To Text Section

Step 4
Click the blue “Update” button (top right).

Update

That’s it.  You’re done!

You’ll have a Google Map on your page that will look something like this: 

That’s it. You’re done! 

The following two tabs change content below.
This post is lovingly brought to you by The Barefoot Web Designer (a.k.a George Watts). If you'd like a friendly, no obligation chat about your yoga website needs click here. I only design sites for my fellow yoga teachers.