Featured templates

Joomla 3.x. How to replace Google map with iframe map

Olivia Torres December 15, 2014
Rating: 5.0. From 1 vote.
Please wait...

This video tutorial will show you how to replace Google map with iframe map in Joomla 3.x.

Joomla 3.x. How to replace Google map with iframe map

  1. Connect to your FTP or File Manager and follow this path templates\themeХХХХ\html\com_contact\contact to open default.php file:

    Joomla3.x.How_ to_replace_Google map_with_iframe map-1

  2. In default.php file, search for this code:

     <div class="contact_map" id="contact_map"> 

    Joomla3.x.How_ to_replace_Google map_with_iframe map-2

  3. Go to Google Map website, and copy the code for embedding the map with your location:


  4. Go back to ‘default.php‘ file, paste the code from step 3 to the code area of step 2. Save the changes:

    Joomla3.x.How_ to_replace_Google map_with_iframe map-4

  5. Refresh the page to see the Google map has been replaced with the new iframe map:

    Joomla3.x.How_ to_replace_Google map_with_iframe map-5

Feel free to check the detailed video tutorial below:

Joomla 3.x. How to replace Google map with iframe map

Templates for Joomla
This entry was posted in Joomla! Tutorials and tagged google, iframe, joomla, map. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket

Live Chat
We help you to choose the right product.