Add a store locator to Webflow

In Webflow you add the map with the Code Embed element. It becomes visible on the published site.

What you get

A location map with list, search and filters that fits into your Webflow layout. You manage locations in My Store Locator; Webflow just provides the frame.

Before you start

  • A My Store Locator account (sign up free)
  • A published map (status "Live")
  • The embed code from the Embed Studio in the app
  • A paid Webflow site plan – the Code Embed element requires one

Step by step

  1. In the app's Embed Studio, copy the code (the Webflow or iframe tab).
  2. In the Webflow Designer, drag the Code Embed element from the Add panel onto the page.
  3. Paste the code and confirm with Save & Close.
  4. Publish the page. The map is only visible on the published page.
<iframe src="https://app.my-store-locator.com/#/m/YOUR-TOKEN" title="Store locator" style="width:100%;height:640px;border:0;max-width:100%" loading="lazy" allow="geolocation"></iframe>

Place the Code Embed inside a container or section with the width you want. The map then fills exactly that area.

Change the template, keep the code

The code contains a fixed token. When you change the template, colours or font in the app, you do not need to republish anything in Webflow.

Turn on "Load the map only after a click (GDPR)" in Embed Studio. The code then shows a placeholder with a privacy notice first, and the map only loads after a click on "Load map". Replace the code in your Code Embed with the new version.

Height and mobile

Width follows the surrounding element. Set the height in Embed Studio. Check the tablet and phone breakpoints in Webflow – on small screens a lower height or the "Mobile Sheet" template may work better.

If the map does not show up

  • Only a placeholder in the Designer: that is expected. Webflow does not fully render embedded code in the Designer. Publish and check the live page.
  • "Map not available": the map is still a draft and must be published in the app.
  • Content Security Policy: if you set your own security headers, frame-src must allow app.my-store-locator.com.

More in the embedding guide.

FAQ

Does this work without a paid Webflow plan?

Code Embed needs a paid site plan. As an alternative, share the map as a link or QR code, which you also find in Embed Studio.

Can I use the map on a CMS collection page?

Yes, a Code Embed also works inside templates. Every page using that template will then show the same map.

Will the map slow down my page?

The code uses loading="lazy", so the map only loads once it scrolls into view.

Try it with your own locations.

Create an account, import your locations, embed the map. The Free plan stays free – and you can test Pro for 14 days.

Start for freeBook a demo