Embed Google Maps Get Directions Form To Your Blog


While working on a blog recently the client who used the blog to promote their business wanted to provide the address of the business on the blog.As I would always try to do I went one better, so as well as just provide the address I embedded a form for people to get directions via Google Maps.The Google Maps form is easy to add to your blog and you simply add your business address to the code then visitors to the blog can then enter their address and generate the directions.Once generated the map will show a route with options for driving and Public transport if available.

OK so lets try it out.

Below I have embedded the form with the White House as the address you will get directions for (Works in all country's), you will change this to your business address (BTW I keep saying business address as I don't recommend giving directions to your home online).

Address : 1600 Pennsylvania Ave NW, Washington, DC 20500, United States

Get Directions :
Enter your starting address:

Embed Google Maps Get Directions Form On Your Blog

You can add the form to blog posts/pages or to your blogs sidebar or any place you can add HTML.You can see how to add a HTML gadget to Blogger here and how to add a HTML gadget to Wordpress here.

This is the code for the form change the address in yellow to your business address :

<b>Address :</b> 1600 Pennsylvania Ave NW, Washington, DC 20500, United States

<b>Get Directions :</b>
<form action="http://maps.google.com/maps" method="get" target="_blank">
<p>Enter your starting address:</p>
<input type="text" name="saddr" />
<input type="hidden" name="daddr" value="1600 Pennsylvania Ave NW, Washington, DC 20500, United States" />
<input type="submit" value="Get Directions" />

As you can see when you enter your address simply add it as you would write it on a letter and make sure to include the country.

Drop your comments and questions below.

AuthorAuthor - Paul Crowe is the owner and main author of Spice Up Your Blog.Paul lives in Ireland, has been blogging since 2006 and writing Spice Up Your Blog since 2009.You can find him in the usual social networks.

Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative

If You Enjoyed This Post Please Take 5 Seconds To Share It.


  1. Awesome tutorial for embedding maps directions.


  2. That's indeed a great and unique tutorial from you,very helpful one.


Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.

Hire Us