Step-by-Step Instructions to Embed Your Map in Squarespace
You can easily embed your interactive maps in your Squarespace website. Follow these simple steps.
Get the map embed code
- Open the “Share” menu.
- Click on “Embed in a web page.”
- Copy the embed code.
Review the related embed settings to optimize your map for your specific needs.
Embed the map in Squarespace
In Squarespace, paste your code into a Code Block.
For more options and information on embedding Mapme in a website, make sure you review our embed guide.
Make the map full-screen
To embed the map full width, You can use custom CSS in the Page Header Code Injection Area. You can find this by clicking on the cog on the relevant page and then selecting the ‘Advanced” tab on the popup. Input the code into the box and this will make the map fullscreen.
Note: not every page is called #page so you might have to change that. You can discover the name of the page by Inspecting the page and finding the name Squarespace gives the page. The names most often used are page, content, outer wrapper, and main.
