How to Install the Advance Map Plugin and Add Multiple Location Markers to Your Map

Before we start:

You need the Advance Map Block plugin code.

Look for a .txt file in one of the emails you receive after you purchase a license. If don’t have a license yet, please get one.

If you already have but can’t find it, email us and we’ll resend it to you.

Watch a Video

I. Installing the Advance Map Block Plugin

This section instructs you how to install the Advance Map Block plugin on your Squarespace 7.1 or 7.0 site.

Step 1. Open Website Pages

Click Pages Below the Website menu to open the pages dashboard.

Step 2. Open the Footer Code Injection

Scroll down to the bottom of the left side panel, click Custom Code, click Code Injection and scroll down to Footer.

IMPORTANT:

Code Injection is a premium feature (i.e. only available in Business plans) so if you’re on Personal Plan, Code Injection is not available to you. But don’t worry, you can still use the Advance Map plugin. Click here for the alternative method.

Step 3. Paste and Save

Copy the installation code from the .txt file you received via email, paste it on the FOOTER area and SAVE.

Copy the code from the .txt file in one of the emails you received when you purchase the advance map plugin and paste it in the Footer of the Custom Code settings.

II. Adding multiple markers or

map pins to your map block

This section instructs you how to add multiple map markers on pins on your map block and is divided into 2 parts:

II-A. Upload your map marker’s title and location info
II-B. Turn on Multiple Location Setting

Pre-requisite:
You should’ve already installed the Advance Map Block plugin on your site. If you haven’t installed the code yet, check Part I of this tutorial.

There are 2 components in adding multiple map markers:

Data source collection - easiest is to use blog pages.
Map block - where the markers/pins will be displayed.

Important:

If you haven’t added a blog collection yet, add a blog collection because we’ll use the blog pages to contain the location information of the map markers.

II-A. Add map marker title and location info

Follow the steps below to learn how to upload your map marker’s data i.e. the title/name of the marker and it’s location on the map.

Step 1. Add Map Marker Title

The title/name of your map markers (a.k.a. pins) are simply the title of the blog.
So simply edit the title of the blog page to add a map marker title.

If this is your first time using the blog page:

Select the blog page you want to add title to,
Click the EDIT button on the top left corner of the editing window and,
Edit the blog title - this will be the title of the map marker.

Step 2. Open Blog Page Settings

Open the blog page settings by clicking the three dots (…) next to the blog title then click SETTINGS to open the blog page settings.

Step 3. Add Marker’s Address

Click Location on the settings menu on the left side of the window and enter your map’s location info.

Tip: Use the auto-suggest to avoid format error and make sure that your address is found.

Important:

Make sure you see a pin on the location preview (like in the image above), it means your address is found.

You can use the auto suggest to avoid format errors, some addresses are translated to the language of the region.
If you don’t see your address from the auto-suggestions, click the nearest address and just drag the pin to the exact location.

Step 4. Save your map marker’s info

Click SAVE to save your map marker’s info.

Repeat:

Repeat steps 1-4 to add title and location to all your map markers.

Same process applies to the rest of your map entries. Add a new blog page, add title and location info.

Update:

Due to a Squarespace update, the map marker is not saved the first time you add address in the location setting. So you have to add the address twice:

When you add the address and the marker on the preview shows up, move the marker anywhere on the map preview (this will automatically change the address you entered in correspondence to the marker).
Add the address again and make sure the marker is on the right location on the map.

II-B. Turn on Multiple Location Setting

Follow the steps below to learn how to upload your map marker’s data - the title/name of the marker and it’s location on the map.

Step 1. Open the map block settings

Double click the map block on your page to open the map block settings

Step 2. Click the Multiple tab

Click the Multiple tab to view the multiple tab settings

Step 3. Add Map Data Source

Toggle the button next to the Use Collection Locations to enable multiple locations,
Click Select Collection and,
Select your blog page from the list.

Step 4. Save

Click the SAVE button on the upper left corner of the editing window to save your setting changes and test if you see multiple locations on your map.

Open the Map block setting, click Multiple tab, turn on the Use Collection Locations button and select your blog page from the Select Collection list.

Need Help?

If you can’t see your blog page from the list, check for the following:
1. Your blog page is published
If your blog page or blog collection is not published, the map plugin won’t be able to locate it.
2. Your blog page is not password-protected
If your blog page is password-protected the map plugin won’t be able to access it.
So you have to remove the password.
3. Your blog page is not inside a folder
If your blog page is inside a folder, the map plugin won’t be able to locate it.
So take it out of the folder temporarily, select it on the map collection list, then you can place your blogs back inside the folder.
If you can’t see your blog page from the list, check for the following:
1. You selected your blog from the Collection Location setting
This is a common mistake, people forget to save their changes after selecting their blog from the collection location list.
So check your Use Collection Location setting, make sure that your blog collection is selected and save your map setting.

2. Your blog pages show the map markers in their Location setting
Map markers have to be present when adding your address in the blog pages because this confirms that your address is visible in Google maps.
The markers indicates the longitude and latitude info of your address and it tells the map plugin where to place your marker in the map block.

If you don’t see the map markers on the map preview below the Address of the Location setting, enter your address again (see Step 3 of section II-B above for more instructions).
If there isn't a map street address for a map entry, just enter the closest street address and move the marker to the correct location.
This should automatically update (or fill in) the missing street address.
Closest street address not available?
Then just enter the city and drag the marker to the location by zooming in on the map.
Try to re-open the map block settings, close it and open it again.
A Squarespace update from 2024 caused the Advance Map settings to load after the map block settings are loaded instead of loading them together.
Unfortunately, we have no access to the code that was changed so until Squarespace makes the updated code available or changes this in future updates, you’ll have to re-open the map block settings to load the Advance Map menu.
Of course, please open this form and tell us about the assistance you need.

QUICKLINKS
Click links to jump to sections.

II-A. Add Marker Title and Location

II-B. Turn on Multiple Location

Back to Top

Install the Advance Map Block Plugin