- Selling products or offering services can be an impossible task if no one comes to your door
- In some case, you will have to pave the way for consumers to your store / business
- How do you add Google Maps driving directions to a blog or website?
If you are in charge of a project in which you want to sell products or offer services physically, it is essential that your buyers or contractors do not get lost on the way to your premises, or they will end up giving up doing business with you. Therefore, if you have a business page and you want everyone to reach their destination without getting lost, try adding driving directions from Google, a trick as simple as it is effective in those circumstances.
Of course, all this would be impossible without Google tools, and that is we rely on many instruments developed by The Big G to make sure they all reach our trade.
Maps is the most popular digital map service in the world and uses real-time traffic information to find the best route to a given destination, so it makes a lot of sense to embed a Google map in a blog or website, since what that it will help visitors who use it to see the address, find the best route, etc..
The problem is that while we can easily embed a map in a portal with the Google Maps embed code generator, we can’t take advantage of that map as a navigation tool that collaborates with lost customers, which is precisely what we want to teach you to solve in this article.
Embed a google map and use an HTMIL form for the route
The first option we give you is embed a google map and use an HTMIL form for the route. We will divide the tutorial into two parts, so that you have no doubts about how each of them is done.
Embed a Google map on your page
- Open your preferred browser and enter Google Maps in one of the windows/tabs
- Type your address into the Google Maps search bar in the top left corner
- Among all the results that appear, select your exact location
- Click on Share, and switch to the Embed a map tab
- Click Copy HTML to copy the map code to your clipboard and choose a predefined size, since you can choose between small, medium, large, or customize the dimensions what do you want
- Go to the Administration panel of your page, and open the page where you want to embed the map
- Switch to Code Editor view and paste the code in the right place
- Save the changes and exit the Editor to see how it looks
- Go back to the Code Editor view, and add the code shown in the image, adding code, changing the value of the destination address as shown in the image, to avoid errors
- Save the changes and exit the Editor to see how it looks thanks to the Code Preview
- Under Enter your address, tap the Show me driving directions button
- You should see the path from your location to your store
If everything is ok you are ready to post the code. Otherwise, check if there are no previous failures.
Use the map iFrame generator
The other trick to adding driving directions is use the Google Maps iFrame generator.
- Open your preferred browser and go to Free HTML Map Generator in any of the windows/tabs
- Put your address in Type your address, in the left panel of the on-screen options
- You can adjust the main features of the map, such as zoom distance, width, height, etc.
- When you’re satisfied, click the Generate HTML code button at the bottom of the screen
- Go to the Administration panel of your page, and open the page where you want to embed the map
- Switch to Code Editor view and paste the code in the right place
- Save the changes and exit the Editor to see how it looks thanks to the Code Preview
- Click the Addresses icon, and your specified destination address should open. If not, point it out.
If everything is ok you are ready to post the code. Otherwise, check if there are no previous failures.
And in a few words, this is the way in which your visitors will be able to reach your store or business safely. They will appreciate that you take the trouble to offer embedded maps, especially in areas of difficult access. Remember that merchants generally don’t do that, so it’s a way to stand out.
