Get embed code from Google Maps
- Go to Google Maps and enter the building address.
- Click Share.
- Click Embed a Map.
- Click COPY HTML to copy the embed code for the iframe.
Create a new Custom module called "Contact Us - Google Map"
- Go to Extensions > Site Modules
- Click New
- Select "Custom"
- For "Title," enter "Contact Us - Google Map"
- Change "Show Title" to "Hide"
- Enter the unit's address at the top of the module after the text "Main office:"
- Link the address to its URL as it appears on Google Maps.
Example: For "54 Joyce Kilmer Ave., Piscataway, NJ 08854" the link would be:
https://www.google.com/maps/place/54+Joyce+Kilmer+Ave,+Piscataway,+NJ+08854/@40.5219797,-74.4374585,16z/data=!3m1!4b1!4m6!3m5!1s0x89c3c795d438197b:0x48525eb0c8d3a54c!8m2!3d40.5219797!4d-74.4348782!16s%2Fg%2F11cskq_bsm?entry=ttu
- If asked to add "mailto:" to the URL, click No.
- Switch to the "Code" tab and paste the embed code for the Google Map below the address.
- Modify the iframe code to change the iframe's width to 100% and height to 400.
- Modify the iframe code to include the attribute: sandbox="allow-scripts allow-same-origin"
- Modify the iframe code to include a title attribute, and set title equal to the address (for example, title="54 Joyce Kilmer Ave., Piscataway, NJ 08854")
- Add paragraph tags before and after the embedded map.
- Example:
<p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6065.774814012168!2d-74.43745848819128!3d40.52197967130358!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c3c795d438197b%3A0x48525eb0c8d3a54c!2s54%20Joyce%20Kilmer%20Ave%2C%20Piscataway%2C%20NJ%2008854!5e0!3m2!1sen!2sus!4v1715969595882!5m2!1sen!2sus" width="100%" height="400" style="border: 0;" title="54 Joyce Kilmer Ave., Piscataway, NJ 08854" sandbox="allow-scripts allow-same-origin" allowfullscreen referrerpolicy="no-referrer-when-downgrade" loading="lazy" allow-scripts="yes"></iframe>
</p>
- For "Position," select "bottom-c".
- Click the "Menu Assignment" tab and assign the module to the "Contact Us" menu item on the Main Menu.
- Save & Close the module.
