[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

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

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"> 
    	{mosmap} 
     </div>
     

    Joomla3.x.How_ to_replace_Google map_with_iframe map-2

  3. Go to Google Map or any online Maps, and copy the embed code of your location.

    Joomla3.x.How__to_replace_Google_map_with_iframe_map-3

  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 that 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