+44 (0) 2077347444

How to embed Google Map into Contact Us page

Category: Google Map
Posted by: 0

How to get your embedded code:

1) Navigate to Google Maps. In the "Search input field", input Address or Postcode you wish to display on the Contact Us page.
2) Once the map pops up, click "Share" icon". â€‹â€‹â€‹â€‹â€‹â€‹â€‹â€‹â€‹â€‹â€‹â€‹â€‹â€‹

google map

​​​​​​​3) ​​​​​​​In the pop-up Share window, shown below, select  "Embed a Map".
4) Click "Copy HTML."  And add it to onsite settings, map for contact us section

Google Map

5) Embed the code in your web page:
6) Paste in the code from Google:

<iframe src=”https://www.google.com/maps/embed?pb=!…” width=”600″ height=”450″ frameborder=”0″ style=”border:0″ allowfullscreen></iframe>

To view the map, save your changes and preview the page in your browser.

​​​​​​​

  • google map
  • Posted on: 19-May-23