FAQ - How to Embed a Google Map

You can easily integrate an interactive Google Map into any page to help residents or visitors find your location. Follow this two-part process to generate the code and embed it into your site.

Step 1: Retrieve the Embed Code

1. Open Google Maps and search for your specific address or community name.
2. Click the Share icon in the location sidebar.
   
3. Select the Embed a map tab.
4. Choose your desired map size (Small, Medium, Large, or Custom).
5. Click Copy HTML.
   

Step 2: Integrate into Your Page

Once you have the code copied to your clipboard, return to the Smartwebs Configuration Page.

• Add Section: Insert a new Text Area section into the desired row of your page layout.
  
• Open Source Editor: Within the text editor, click the HTML button to switch from the visual view to the code view.
• Paste and Confirm: Paste the Google Maps code directly into the window.
  
• Save Changes: Click Save to render the map on your page.

Responsive Design: To ensure your map fits perfectly on mobile devices, you can change the width="600" value in the code to width="100%". This allows the map to automatically adjust to the user's screen size.