Guides
How to embed a map
Embeds don't need to be complicated. If your builder supports HTML blocks, you can embed a map with an iframe.
Preview loads with your map
01
The embed pattern that works everywhere
The same embed pattern works across Webflow, WordPress, Shopify, and more.
Width 100% + fixed height
Prefer a dedicated page for store locators
Test on mobile before shipping
02
Quick troubleshooting
Most embed issues are fixable in under a minute.
If it’s clipped: increase height
If it’s blocked: check domain allowlist (Business)
03
Recommended heights (realistic defaults)
The right height depends on what your map shows.
Simple map embed: 600–650px
Locator with list + filters: 750–900px
Mobile-first locator page: keep it tall and let the page scroll
How it works
1
Publish the map
Public maps can be embedded. Toggle Published on.
2
Copy the iframe
Share → Embed. Use width 100% for responsive.
3
Paste into your site
Use an Embed/HTML/Code block depending on your platform.
Frequently asked questions
What height should I use?
650px is a good default. 800–900px if you rely on list view.
Can I embed on multiple platforms?
Yes—same iframe works on Webflow, WordPress, Shopify, Wix, and more.
Does embedding affect site speed?
It can. Use a sensible height and consider loading a static image first, then swapping in the interactive map for heavy pages.
Can I embed on a subdomain?
Yes—if you use allowlisting, add both your root domain and subdomain.
Is MapsMaker free?
Yes — there’s a free plan with 1 map and 10 markers. Paid plans start at $15/month with a 7-day free trial. No credit card required.
Do I need coding skills?
No. MapsMaker is a visual editor — you click, type, and drag. The only ‘code’ is a single line of embed code you copy and paste into your website.
On this page
Want the quick version?
Start with a template and publish your first map today.