Squarespace Map Widget

Add a multi-pin interactive map to your Squarespace site

Squarespace's built-in Map Block shows exactly one pin. Your travel guide, venue list, or local recommendations deserve more. Paste one snippet into a Code Block and get a live, interactive map of every place you recommend.

What you paste into a Squarespace Code Block

<iframe src="https://roamrecs.com/view-collection.html?tripId=YOUR_TRIP_ID"
  width="100%" height="600" loading="lazy"
  title="My collection — RoamRecs"
  style="border:1px solid #e2e8f0;border-radius:16px;max-width:100%;"></iframe>
<p><a href="https://roamrecs.com/view-collection.html?tripId=YOUR_TRIP_ID">My Collection</a>
  — map by <a href="https://roamrecs.com">RoamRecs</a></p>

You don't write this yourself — open your collection, click Share, choose Embed on your site, and copy.

how it works

Three steps in the Squarespace editor

Works on Squarespace 7.0 and 7.1 — no plugins, no custom CSS, no developer.

1

Build your collection

Sign up free and save the places you want to show — restaurants, hotels, venues, or a full city guide. Each one becomes a real pinned location, grouped by destination.

2

Copy the embed snippet

Open your collection, click Share → Embed on your site, and copy the snippet. It includes an attribution link that earns your Squarespace site a real backlink.

3

Paste into a Code Block

Edit your page, add a Code Block where the map should go, and paste. If your plan doesn't include Code Blocks, use an Embed Block → Code Snippet instead. Save — your map is live.

why not the map block?

Built for recommendations, not just an address

The native Map Block is fine for a contact page. This is for everything else.

Unlimited pins, one map

Squarespace's Map Block shows a single location. A RoamRecs embed maps your entire list — 10 places or 200 — grouped by destination automatically.

Rich place details

Visitors tap any pin to see photos and details — not just a name on a map. It feels like a product, not a screenshot.

Live-syncing content

Update your collection once and every page embedding it updates instantly. No re-editing blocks across your site.

Free, unlike map plugins

Third-party Squarespace map plugins charge monthly for multi-pin maps. The RoamRecs widget is free with unlimited embeds and views.

Great for travel content

Run a travel blog on Squarespace? Give every guide its own map — see the full guide for travel bloggers.

Great for photographers too

On Squarespace as a photographer? A "venues I've shot" map converts — see the guide for wedding photographers.

faq

Frequently asked questions

How do I embed a map with multiple pins on Squarespace?

Save your places to a free RoamRecs collection, click Share → Embed on your site, and paste the snippet into a Code Block (or an Embed Block using the Code Snippet option). Every place appears on one interactive map.

Does it work on Squarespace 7.0 and 7.1?

Yes — the embed is a standard iframe and works on both versions.

Do I need a specific Squarespace plan?

Code Blocks are available on most current plans. If yours doesn't include them, add an Embed Block, click the pencil icon, choose Code Snippet, and paste the iframe there instead.

Is this a free alternative to paid Squarespace map plugins?

Yes — unlimited embeds and views, free forever, with a small "Map by RoamRecs" credit link. Pro adds white-labeling, custom branding, lead capture, and analytics. Details on the embed widget page.

Will it slow down my Squarespace site?

No — the widget lazy-loads, so it only loads when a visitor scrolls to it.

Does the map update when I add new places?

Yes — the embed loads your live collection, so changes in RoamRecs show up on your Squarespace page automatically.

Your Squarespace site, now with a real map

Free forever, no credit card. Save your places, copy the snippet, paste it into a Code Block.