Frequently Asked Questions (FAQ)

How do I embed a Google Map on a web page?


Get the Google Maps Embed Code

  1. Go to Google Maps and search for the address.
  2. After finding the location, in the details pane on the left, click the "Share" button.
    Share the Google Map
  3. Click on the "Embed a map" tab and choose the size.
    Preview the embedded map
  4. Click on the <iframe> HTML line and copy it.

Place Google Maps Embed Code into Page

  1. Navigate to the page you want to edit and click the "Edit" button.
  2. Under the relevant textaera, ensure the Text format is either Full HTML or HTML.
    Select appropriate text format
  3. If using Full HTML, click the "Source" button to view the textarea's HTML.
    Source button
  4. Paste the embed code in the HTML where needed.
    Paste embed code into source

    • Optionally, edit the iframe's width and height attributes as needed.
    • Example: To make the map span across its available content space, set the iframe width to 100%.
  5. Click the "Source" button again to see the embedded iframe container in the normal editing view.
    Embed is iframed

    • Optionally, double-click on the IFRAME or highlight it and select the IFrame in the top row.
    • Edit additional iframe options, such as width and height.
  6. Click Save.

Example