{"id":3142,"date":"2012-05-24T08:32:03","date_gmt":"2012-05-24T08:32:03","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=3142"},"modified":"2012-05-24T08:35:24","modified_gmt":"2012-05-24T08:35:24","slug":"add-driving-directions-to-website","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/add-driving-directions-to-website\/affordablewebsitestips\/tutorials","title":{"rendered":"Add Driving Directions To Website"},"content":{"rendered":"<p>You can easily add a form to your website allowing visitors to enter in their destination. When they click the 'Get Directions' button, they are led to Google map where they can see a mapped out  rout to the destination you specified, estimated time and estimated distance.<\/p>\n<h3>Add Google driving directions to your website<\/h3>\n<ol>\n<li>Go to\u00a0<a title=\"Google maps get directions\" href=\"http:\/\/www.google.com\/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=5&amp;ved=0CHYQFjAE&amp;url=http%3A%2F%2Fwww.google.com%2Fig%2Fdirectory%3Ftype%3Dgadgets%26url%3Dgwidgets.com%2Flig%2Fgpa%2Fcharles447%2Fgoogle-maps-driving-directions.xml&amp;ei=d-69T8mnLoGPiALg0rHvDQ&amp;usg=AFQjCNFDjQoGa3JwkGEm5IwEkDNZrEvBAA\" target=\"_blank\">Google Maps driving directions api page<\/a>.<\/li>\n<li>In the top right corner of the screen, click on the 'Webmaster Tools' button.<\/li>\n<li>Click 'Embed this Gadget'.<\/li>\n<li>Enter in the destination address you want people to get directions to i.e. your business address, or the event address. Example: 56856 Green Hill Drive, Los Angeles CA 84958<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/google_end_address.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3143\" style=\"border: 1px solid black;\" title=\"google_end_address\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/google_end_address.jpg\" alt=\"\" width=\"479\" height=\"542\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/google_end_address.jpg 479w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/google_end_address-265x300.jpg 265w\" sizes=\"auto, (max-width: 479px) 100vw, 479px\" \/><\/a><\/li>\n<li>Click the 'Get the Code' button.<\/li>\n<li>Highlight and copy the entire code snippet that appears.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/google_maps_snippet.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3144\" style=\"border: 1px solid black;\" title=\"google_maps_snippet\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/google_maps_snippet.jpg\" alt=\"\" width=\"640\" height=\"338\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/google_maps_snippet.jpg 640w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/google_maps_snippet-300x158.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/li>\n<li>Now paste this code snippet intp your WordPress page, post, widget, Facebook Page or HTML document.<br \/>\nNote: if you're pasting\/embedding this Google driving directions code snippet into your WordPress page or post, make sure you  have the 'HTML' tab selected.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_html_tab.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3145\" style=\"border: 1px solid black;\" title=\"wordpress_html_tab\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_html_tab.jpg\" alt=\"\" width=\"568\" height=\"483\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_html_tab.jpg 568w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/05\/wordpress_html_tab-300x255.jpg 300w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><\/a><\/li>\n<\/ol>\n<p>Congratulations, you have successfully added driving directions to your website. Now when people visit your website, they can easily find driving directions to the location you specified.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can easily add a form to your website allowing visitors to enter in their destination. When they click the &#8216;Get Directions&#8217; button, they are led to Google map where they can see a mapped out rout to the destination you specified, estimated time and estimated distance. Add Google driving directions to your website Go [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3146,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,143,4,6],"tags":[388],"class_list":["post-3142","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-affordablewebsitestips","category-internet-tips","category-tutorials","category-wordpress","tag-google-maps"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=3142"}],"version-history":[{"count":4,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3142\/revisions"}],"predecessor-version":[{"id":3148,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3142\/revisions\/3148"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/3146"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=3142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=3142"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=3142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}