Web Design Try to give your customers better directions than this

Published on May 18th, 2012 | by charliesaidthat

3

How To Add Google Map Directions (For Customers) to Your Website

Try to give your customers better directions than thisHere is a *really* simple way you can give customers directions to your business from their home, office or wherever they happen to be. This is amazing, and you can implement it almost immediately.

Honestly, It’s just a couple lines of code which adds immediate value to your contact us or find us page.

 


<h2>Get Directions</h2>
<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="[Your Business Address Here]" />
<input type="submit" value="Get Directions" />
</form>

Here, try it – here’s one of my favourite places to grab food in London (if you like this tip, maybe you could take me…): The ode will look like this.

Get Directions

Enter your starting address:

Go ahead get it on your site… it’ll take you two seconds to copy and paste it.

Thanks to Dave Taylor for this code and a further explanation of what’s going on here.

Tags: ,


About the Author

Hi I’m Charlie, a digital marketer with an interest in social media, SEO and understanding consumer behaviour. I enjoy creating conversation and finding ways to improve businesses through digital platforms. Feed me Cha Siu Bao. Connect with me on: Twitter | Facebook | Google+ | Linkedin | or just Email Me  



  • codepotato

    Genius as ever mate, love it! 

    • http://charliesaidthat.com/digital charliesaidthat

      Thanks buddy. Was desperate to use this functionality on something I’m working on. Though I should share. :)

  • Patrik Jäghammar

    Hi, great app. I would like it to return the distance on the website to calculate the cost for transportation, do you have any tips how to do that? 
    // Patrik Jäghammar  

Back to Top ↑