Store locator for Squarespace

Add a store locator to your Squarespace site

Squarespace has a map block, but it shows one address. For several locations, with the nearest one first and a search box, you need a locator. Build it in MightyMaps from your list, then paste one line of code into a Code Block. It sits inside your page like any other block, and it updates whenever you change the map.

Build your locator See the steps

50 free credits · No credit card · No subscription

Example map made with MightyMaps: Fieldstone Bakery: Find a Shop

map.mightymaps.app A real map, not a mock-up: open it to drag, zoom and tap a stop. Fieldstone Bakery is made up for this example; the addresses are real.

Step by step

Adding it to Squarespace

Squarespace allows iframes in a Code Block on the Core, Plus and Advanced plans. On Basic or the older Personal plan, a Code Block shows plain HTML only, so link to the locator instead (see below).

Build and publish the locator

In MightyMaps, upload your spreadsheet or paste your locations, check the pins, then switch the map to Public in the share menu.

Copy the embed code

In the share menu, copy the embed code. It is a single iframe tag pointing at your map.

Add a Code Block

In Squarespace, open the page, click Edit, then click Add Block (or an insert point) and choose Code.

Paste and save

Paste the embed code into the block, leave the mode on HTML, and save. Then click Save on the page and check it on your phone.

What you paste

One line, the same on every site

The embed code is a standard iframe pointing at your map on map.mightymaps.app. Change the map in MightyMaps and every page that embeds it shows the change; the code itself never needs replacing.

The embed code

Copied from the share menu. It looks like this:

<iframe src="https://map.mightymaps.app/your-map"
  title="Find a shop" width="100%" height="600"
  style="border:0" loading="lazy"></iframe>

If something looks wrong

Common Squarespace fixes

The block shows the code as text, or a message about scripts and iframes.

Your plan does not allow iframes in a Code Block. Upgrade to Core or above, or use a Button block that links to the locator's own page (its public link) instead.

The map is cut off or too short.

Change height="600" in the code to the height you want in pixels. The width already fills the block.

Edits in MightyMaps don't show on the site.

They appear as soon as the map saves. Reload the page; if the old version persists, clear the browser cache. The embed code never needs replacing.

What your visitors get

Fieldstone Bakery: Find a Shop

Nearest location first, search by town or ZIP code, and hours, phone and directions on every location. This is the same locator that would sit on your Squarespace page.

A store locator for Fieldstone Bakery: our ten Portland cafés and two pickup points, with hours, phone numbers and links. Pickup points in a different colour.

Looked up 12 addresses and built a locator with search and directions

map.mightymaps.app A real map, not a mock-up: open it to drag, zoom and tap a stop. Fieldstone Bakery is made up for this example; the addresses are real.

Built from a spreadsheet? How spreadsheet import works →

FAQ