Embed Google maps on your site

This article describes how to add a Google map iframe to a content block so it can be rendered on your site.

Get the HTML code for the map:

1. Go to Google Maps and search for the exact address you want to display

2. Click on the Share button

3. Select 'Embed a map'

4. Copy the HTML

Embed a Map.png

5. Put the map into a Content Block:

6. Create a new Content Block and use the 'No Added Styling' template

7. Give the content block a name, like "Location Map"

8. Paste in the Content field the HTML code from Google

9. Click 'Save'

Note: You can also change in the HTML, the width and height of the frame to suit how you want it to fit on the page. The default is width=”600” and height=”450”.

You can now render the Content Block anywhere on your site.