Squarespace Installation | Documentation

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.

Click on Pages

Just follow these instructions:

  1. Choose the map you want to install:

  2. Customize your map using our online customization tool.

  3. Host your map files on Simplemaps.com (detailed instructions). Note: You could also host the map files on your own server, we just suggest using SimpleMaps hosting because Squarespace doesn't offer JavaScript file hosting.

  4. Copy the embedding code from the online customization tool. It should look something like this:

    <script src="https://simplemaps-com.s3.amazonaws.com/users/RANDOM_ID/mapdata.js"></script>
    <script src="https://simplemaps-com.s3.amazonaws.com/users/RANDOM_ID/worldmap.js"></script>
    <div id="map"></div>
    
  5. Login in to your Squarespace account

  6. Click "Pages"

    Click on Pages

  7. Choose the page where you want to install the map

    Choose About

  8. Hover over the Page Content and click Edit

    Click Edit

  9. Hover over an open space in the content where an Insert Point exists and click to insert something.

    Create Insert Point

  10. Scroll down to More and click on Code

    Click on Code

  11. Select HTML, paste the embedding code from Step 4, and click Apply:

    Paste Code

  12. Save the Page Content

  13. Your map will now be visible

    Paste Code

  14. If you need any help, contact us.

© Simplemaps.com 2010-2017 | Home | License | Privacy Policy | Releases | Testimonials | Resources | Documentation
Formerly FlashUSAmap.com and Flashworldmap.com