Zonua website makers logo

How to Embed a Google map on your website


17th January 2015

1st January 1970

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