Dear Reader, if you like SUYB's content, feel free to comment on our blog posts.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 :
Get Directions :
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.
If You Enjoyed This Post Please Take 5 Seconds To Share It.