osCommerce. How to insert Google map on the Contacts page

This tutorial will show you how to insert Google map on contact us page in osCommerce.

1. To do this, you’ll need to edit contact_us.php file.

2. Go to your root directory and search for contact_us.php file. Open it with your HTML editor (Adobe Dreamweaver, Notepad, etc) and after this string (approximately line 108) :

   paste the following code:

   	
   Contact Information
   	
   
   		
   	
      

3. When you are done, the map should display on the Contacts page:

   

To change your map location, please perform the following steps:

1. Visit maps.google.com. Select your location and zoom.

2. Click the link icon in the bottom right corner and click the Share an embed map button, copy a code you’ll see there:

   

3. Paste the code into your contact_us.php file replacing the existing one.

4. Edit the map dimensions (width=”600″ height=”450″) if needed.

5. Save the file and refresh the page in browser.

6. That’s it! Now you know how to insert Google map on the Contacts page.

Feel free to check the detailed video tutorial below: