Platforms

Embed an interactive map in Squarespace

Squarespace makes embeds easy. Build your map in MapsMaker, then paste the iframe into a Code block.

Embed an Interactive Map in Squarespace
1,200+
Maps created
85k+
Locations mapped
<5 min
Avg. setup time

How it works

1
Publish map
Turn Published on in MapsMaker.
2
Copy iframe
Share → Embed → copy iframe code.
3
Paste into Squarespace
Add a Code block and paste the iframe snippet.

Squarespace setup (simple and reliable)

Squarespace handles embeds natively through Code blocks.

Use a Code block and paste the iframe
Keep iframe width 100% so it fits any section
Pick a height that matches your layout (600–900px is typical)

Troubleshooting

Most issues are related to height or domain settings.

If the map looks cramped, increase height—filters + list need space
On the Business plan, you can restrict which websites can display your map (domain restrictions). If you use that, add your custom domain and the www variant before embedding

Squarespace layout tip

Squarespace sections can constrain content width, which makes embeds feel smaller than intended. Giving the map enough vertical and horizontal space makes a noticeable difference in how professional the page looks.

Give the Code block room—maps feel cramped when the section is short
If you use Fluid Engine, keep the embed in a full-width row

Frequently asked questions

Do I need a plugin?
No—Squarespace Code blocks are enough.
Can I update pins later?
Yes. Edit in MapsMaker and it updates automatically.
Can I remove the watermark?
Yes on plans that include it.
Is MapsMaker free?
There's a free plan for trying it out. Paid plans start at $15/month with a 7-day free trial. No credit card required to start.
How long does setup take?
Most teams go from signup to a published, embedded map in under 10 minutes.
Create your map in minutes
Start with a template, import locations if you have a spreadsheet, and publish a link or embed.

Related resources