Skip to main content

Google Maps Iframe

Adding a Google Maps iframe to your eBroker web application helps users find your physical location on the Contact Us page. This guide shows you how to set it up.

Getting the Google Maps Iframe Code​

  1. Go to Google Maps
  2. Search for your business location
  3. Click on the "Share" button
  4. Select the "Embed a map" tab
  5. Copy the provided HTML iframe code

Google Maps Iframe

Adding the Iframe to Your Website​

  1. Log in to your admin panel
  2. Navigate to System Settings > Web Settings > Iframe Link For Web
  3. Paste the copied HTML iframe code
  4. Save your changes

New Layout Iframe

Viewing the Map on Your Website​

After saving the iframe code, your Google Maps will be displayed on the Contact Us page of your website:

Contact Us Page

Customizing the Map​

You can customize the embedded map by adjusting options in Google Maps before copying the iframe code:

  • Map Size: Change the width and height values
  • Zoom Level: Adjust how close the map is zoomed in
  • Map Type: Choose between standard map, satellite, or terrain views
  • Pin Placement: Ensure your location marker is correctly positioned

Troubleshooting​

If the map doesn't appear correctly:

  • Check that the iframe HTML code was pasted correctly
  • Verify that there are no syntax errors in the iframe code
  • Make sure your website allows iframes
  • Clear your browser cache to see the updated map

Mobile Responsiveness​

For better mobile experience, you may want to ensure your iframe is responsive. The eBroker platform should handle this automatically, but if you're customizing the code, consider adding responsive styling.