Platforms

Embed a map in Webflow

Need a clean, interactive map on a Webflow page? Create the map in MapsMaker, copy the embed code, and drop it into a Webflow Embed block.

Embed a Map in Webflow (Interactive Store Locator)
1,200+
Maps created
85k+
Locations mapped
<5 min
Avg. setup time

How it works

1
Create + publish the map
In MapsMaker, create your map and turn Published on.
2
Copy the embed code
Share → Embed. Keep width at 100%.
3
Paste into Webflow
In Webflow Designer, add an Embed element and paste the iframe.

Why this works well in Webflow

MapsMaker uses a single iframe that stays out of Webflow's way.

Embed is just an iframe, so you don't fight Webflow layout quirks
MapsMaker handles search, filters, list view, and directions out of the box
You can update locations later without republishing your Webflow site

Webflow-specific gotchas (avoid the usual pain)

Most Webflow embed issues come down to height and overflow settings.

Set an explicit height on the embed wrapper (start 650px, go taller if you show a list)
If you place the map inside a grid, make sure the grid cell allows overflow/height
On the Business plan, you can restrict which websites can display your map (domain restrictions). If you turn that on, add both your domain and the www variant so the embed loads on either

Frequently asked questions

Can I embed inside Webflow CMS pages?
Yes. Put the embed in the Collection Template.
Will it be responsive?
Yes—width 100% + fixed height is the cleanest pattern.
Do I need a plugin?
No. It's an iframe.
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