Have a question? Check the documentation!

How to add a Google Map?

Written by 

Let's say we want to add a location of a Apple Store located in New York, USA.

Step 1

Go to Google Maps website:

Step 2

Add a Google Map to a Joomla Template 1

1Type the desired address for which you want to generate the Google Map.

2Click the search button to generate the map.

3Click the little settings icon. Once you do that, you'll see a pop-up box.

Step 3

Add a Google Map to a Joomla Template 2

1In the pop-up box click on "Share and embed map".

Step 4

Add a Google Map to a Joomla Template 3

1Select "Embed Map".

2Select the size that you want for your map(small, medium, large or custom). It's better to choose the "Custom size".

3Type inside this two boxes, the width and height of the map. First box is for map width and second one is for map height.

4Click inside this box and copy the iframe.

Step 5

If everything is done on Google Maps website and you have the map copied, please return to your Joomla installation.

Step 6

Add a Google Map to a Joomla Template 4

1Select or add a new article.

2Paste the Google Map code that you've copied from Google Maps website.

3Save by using one of the 2 "Save" buttons. If you use RokPad editor you'll get another blue "Save" button which you can activate with Ctrl+S.

Read 3813 times


What type of templates would you prefer?

Niche specific - 38.9%
Multiporpuse - 61.1%

Total votes: 18
The voting for this poll has ended on: January 1, 2020


  • I am a director for Costas has helped us a few times with websites. He always does a Superb job, cant fault anything he does. I wish he lived in the UK so we could hire him full time and lock him in the office. Costas did it again, fantastic, finished off a website for us where our last developer left us stranded. We are very please with the work Costas has done for us and have already hired him for the 3rd time now. Thanks again Costas !! ;-)
    Mandeep Dalvair
    United Kingdom
  • 1
  • 2
  • 3