sparkles2.png

Embed A Map

 

This tutorial will show you the quick and easy way to embed an interactive map directly onto your site.

 

How to add embed a map onto your site

Firstly, search for the address you wish to use on Google Maps.

Once you find it, click 'Share' > 'Embed a map' > 'COPY HTML'.

Screenshot 2021-07-09 at 10.43.32.png

Next, head into Blocklab, create a new Text block, click 'Source' and paste the code.

When the code is in, look for the section that says 'width=' and set this value to 100% (This is to keep make the map full width to the block).
OPTIONAL: You can also edit the 'height=' section to decide how tall the block is too.

Screenshot 2021-07-09 at 10.47.06.png

Hit 'Save', Publish your site on the front end and you are done!