Integrating Google Maps: A Step-by-Step Guide for Your Yoga WordPress Site

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.

Part 3:  Iframe

Step 1
Click “Embed map”

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

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.

Step 2
Open the Google Maps section

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

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

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.

• Bio
• Latest Posts

The Bare Foot Web Designer (a.k.a George Watts)

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.

Latest posts by The Bare Foot Web Designer (a.k.a George Watts) (see all)

• How to Find a FREE Yoga Class Venue + 15 Paying Students in 5 Easy Steps - August 23, 2017
• Why Every Yoga Teacher Should Start a Blog Today - November 14, 2014
• Yoga Business Naming Guide: A Journey to the Perfect Name - September 24, 2014
• Integrating Google Maps: A Step-by-Step Guide for Your Yoga WordPress Site - August 21, 2014
• Building Connections: The Smart Way to Request Links for Your Yoga Site - December 9, 2013