Add a store locator to your Webflow site
Webflow's map element shows one place. For a locator, with every location, nearest-first sorting and search, build it in MightyMaps from your spreadsheet and drop it into a Code Embed element. Webflow handles the page and the layout; the locator is hosted and kept up to date for you.
50 free credits · No credit card · No subscription
Adding it to Webflow
Webflow's Code Embed element needs a paid Site plan, or a Core, Growth, Agency or Freelancer Workspace plan, to publish.
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 and copy the embed code.
Add a Code Embed element
In the Webflow Designer, open the Add panel and drag a Code Embed element onto the page, inside a section or container.
Paste the code
Paste the embed code into the code editor and click Save and close.
Size it and publish
Give the element (or its wrapper) the height you want in the Style panel, check the tablet and phone breakpoints, then publish.
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>
Common Webflow fixes
The embed shows a placeholder in the Designer.
That is normal for embedded content. Use Preview, or publish to staging, to see the live map.
The map collapses to a thin strip.
An iframe inside a flex or grid parent can shrink. Set a fixed height on the Code Embed element, or keep height="600" in the code.
My locations are in a Webflow CMS collection.
Export the collection as CSV from the CMS panel and upload that file. The locator does not sync with the CMS, so upload again when the list changes.
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 Webflow 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
Built from a spreadsheet? How spreadsheet import works →
Store locators on Webflow
No. Export the collection as CSV and import it. If your locations change daily and must sync on their own, a locator with a Webflow CMS integration is the better fit.
Yes. Describe the colours and title you want and the locator takes them, so it matches your Webflow design without custom CSS.
No. The map, the address lookups and the hosting are included.
The same locator, anywhere
A Code Block on any page. Iframes need the Core plan or above.
See the steps →WixThe Embed HTML element, on any Wix plan.
See the steps →WordPressA Custom HTML block. No plugin to install or keep updated.
See the steps →ShopifyA Custom Liquid section on a page of its own. No app subscription.
See the steps →Your map, live in minutes
Start with a list or a sentence. Keep going until the map is right. Embed it on your site or share the link.
50 free credits when you sign up · No credit card · No subscription