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 StatesGet 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.

2 comments:

  1. Awesome tutorial for embedding maps directions.

    Thanks

    ReplyDelete

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

    ReplyDelete