{"title":"Embed a Google map on your website","slug":"how-to-embed-a-google-map","url":"https://support.storeconnect.com/articles/how-to-embed-a-google-map","url_markdown":"https://support.storeconnect.com/articles/how-to-embed-a-google-map.md","subtitle":null,"summary":"Copy a Google Maps embed code and paste it into a Content Block using the No Added Styling template, then render the block anywhere on your site.","type":"Help_Documentation","video_url":"","keywords":"google maps, embed map, iframe, content block, no added styling, google maps embed code, location map, embed html, map on website, share map link","last_modified":"2026-08-21T07:12:35+0000","body_markdown":"It's common to include a map on your website so that customers can easily find your physical location. This article describes how to add a Google map iframe to a content block so it can be shown on your site.\n\n## Get the HTML embed code for the map\n\n1. Go to [Google Maps](https://maps.google.com/) and search for the exact address you want to display.\n2. Click the Share icon.\n3. Select the **Embed** tab.\n4. Copy the HTML.\n\n![Embed a Map.png](https://res.cloudinary.com/hzkr6fi81/image/upload/v1781740179/media/EmbedGoogleMap.png)\n\n## Add the map to a content block\n\n1. Create a new content block and use the **No Added Styling** template.\n2. Give the content block a name, like *Location Map*.\n3. Paste the HTML code into the **Content** field. If you want to change the size of the map, alter the width and height values in the HTML code.\n4. Click **Save**.\n5. Next, add the content block to your site."}