Squarespace is a platform that makes it easy to create beautiful websites without needing any technical expertise. This tutorial will show you how you can easily install a SimpleMaps interactive map on your Squarespace website.
Just follow these instructions:
Choose the map you want to install:
Customize your map using our online customization tool.
Copy the embedding code from the online customization tool. It should look something like this:
<script src="https://hosting.simplemaps.com/users/RANDOM_ID/mapdata.js"></script> <script src="https://hosting.simplemaps.com/users/RANDOM_ID/worldmap.js"></script> <div id="map"></div>
Note: In the code you copy, RANDOM_ID will be an actual random string like
Login in to your Squarespace account
Choose the page where you want to install the map
Hover over the Page Content and click Edit
Hover over an open space in the content where an Insert Point exists and click to insert something.
Scroll down to More and click on Code
Select HTML, paste the embedding code from Step 4, and click Apply:
Save the Page Content
If you need any help, contact us.
Some Squarespace themes use AJAX loading. This can keep the map from loading properly. If you disable AJAX loading in your theme, the problem will go away. Squarespace has instructions on how to disable AJAX loading. If AJAX loading is required, please contact us for code and instructions to workaround this issue.
As of Decemeber, 2017, some cheaper SquareSpace plans no longer support Code Blocks. You can check whether your plan supports Code Blocks via this SquareSpace page. If your SquareSpace plan doesn't support Code Blocks you won't be able to use SimpleMaps (or any other third-party scripts). In this case, you should contact SquareSpace to upgrade (or complain!).