Having Google maps on your website allow your customers to easily find your place. Let see how simple that is.

add-google-map-website.png

  • Go to Google Maps
  • Search for your address in the search bar
  • Select your address from the search results
  • Now your location is visible on the map
  • On the left-hand side pane, you can multiple action buttons like Direction, Save, Nearby, Send to your phone and Share. Click on the Share button.
  • From the share button popup select Embed a map option and Select the size of the map you want to include on your website Small, Medium and Large, then click Copy HTML

add-google-map-website-embed.png

You can paste this code onto your website's HTML file. For better understanding, you can navigate to the desired page on your website and INSPECT from right-click menu from Chrome/Firefox browser. In general, this code is pasted inside body tag

<body> 
    <!-- your code goes here -->
</body>```

Join the Newsletter

Subscribe to get latest updates on Jamstack, How-to guides and best Jamstack templates in your inbox

We respect your privacy. you can Unsubscribe at any time.

© 2021 Stackrole • Proudly built on Jamstack with Gatsby and Strapi • Hosting by Netlify