Zonua website makers logo

How to Embed a Google map on your website


17th January 2015

18th August 2015

Embedding a live Google map on your website is not only free, but really easy to do - find out how to do it here!. The map that we embed is going to be totally interactive - people can click to enlarge/zoom in/out and calculate directions, or use the sat nav on their mobile devices.

How to Embed a Google map on your website

To get the marker of your business to appear on the map, you should first sign up with Google Plus/Google My Business, this ensures that visitors to your site will see it actually marked on the map, with your business name and contact information.

Let's take an example - let's pretend we work in the gorgeous Westbury Hotel in Dublin, and we want to embed a map of the contact page of our website.

So first of all, we should go to Google Plus/Google My Business or Google Plus, if we haven't done so already, and make sure that our business is on the map. If you're not sure, just go to Google Maps and search for your business using your business name.

So this image shows Google maps, and when we did a search using Westbury Hotel, and you can see that we can see the marker appear on the map:

Check if your business is on Google maps

So to embed the map, look at the top left hand corner of the screen, for the menu icon that looks like this:


When you click on the icon, you see a drop-down menu appear. Click Share or embed map.

You'll see something like this appear in the middle of the screen:

Click on EMBED MAP

Click Embed Map.

Then you'll see this appear:

Business on Google maps

You can see on the top left hand corner of the screen where you can choose between Small, Medium or Large, or even custom size. Then all you need to do is copy all the text starting with

<iframe. Make sure that you copy it all the way up to </iframe> at the end.

Then you just paste that into your website. If you don't know how to, then you can email your web designer/developer that code, and all they need to do is just paste it in, which doesn't take very long!

If you have a WordPress or other similar website, make sure that you paste the code in the 'code' place, i.e not the WYSIWYG version.

Let me know if you have any questions!

Dorcas RĂ©amonn

Hi, I'm Dorcas. I make websites. I lecture in Digital Marketing and related stuff in the UCD Smurfit School, and also work with the UCD Innovation Academy. I love education, learning and all things creative, which could cover anything from coding to filmography to dancing! I take photos (personal Insta @dorcasz). I do consultancy. I do talks. I've written popular books on WordPress (available here and and here. Visit my personal site here.

Facebook Twitter Zonua on Skype Zonua on Pinterest Zonua on Vine Zonua on LinkedIn Google Plus Instagram

comments powered by Disqus

Next article: The Cheapest and Best Stock Photo Sites >

You might also be interested in . . .

Top 10 most Popular . . .

Trending Articles (last 24 hours)

  1. How I fixed a website hacked with Japanese pages

  2. 100 Popular Irish Twitter Accounts #TwitterVIPs featuring @weemissbea @nbrez @georgiasalpa @spin1038 @faiireland and 100 more!

  3. How to get free Images using Google Images

  4. 100 Most Popular BRANDS on Twitter in Ireland. #TwitterVIPs

  5. Top 100 Most Popular Individual/Personal Irish Tweeters #TwitterVIPs updated with @katietaylor