Home Pricing Demo
Platforms
Contact
Sign up free
Sign up free

Store locator for Webflow

Webflow Store Locator

Put a searchable store locator on your Webflow site with one Code Embed. Search, a "use my location" button and Google Maps are built in, so there is no CMS collection to model and no map script to write. Your stores live in the StoreLo dashboard and update on the published site without a republish.

Sign up free See the live demo

Free for 5 locations · no credit card · live in minutes

StoreLo store locator banner
Webflow
StoreLo for Webflow Hosted store locator · managed from one dashboard
One-line embed No theme edits Free for 5 locations

StoreLo turns one Webflow Code Embed into a complete store locator. Stores, opening hours, filters and design live in the StoreLo dashboard, so you skip the CMS modelling and the custom JavaScript, and edits reach the published site without a republish.

Search by postcode, city or one-tap "my location"
Filters by store type or product line
Opening hours with a live open/closed status
One-tap Google Maps directions per store
Webshop fallback when no store is nearby
Bulk CSV import and export
Your colors, fonts, map style and markers
Reusable as a Webflow component

Open the live demo →

Step by step

How to add a store locator to Webflow

You need a StoreLo account (the free plan covers 5 locations) and a Webflow site that can use the Code Embed element. Webflow allows that element on a paid Workspace (Core, Growth, Agency or Freelancer) or on a site with an active Site plan. The rest is copy and paste.

  1. 1

    Add your stores in StoreLo

    Create a free account and add each location under Locations: name, address, opening hours, phone and website. Addresses become map pins automatically. Already keeping your stores in a CMS collection? The CSV tip below moves them over.

  2. 2

    Connect a Google Maps key

    StoreLo loads Google Maps with your own API key. Paste it under Settings → Google Maps API. In Google Cloud, allow your custom domain and your webflow.io staging address in the key’s website restrictions, or the map stays grey while you test. The API key guide covers every click.

  3. 3

    Copy the embed code

    In the dashboard, open Add To Your Website, pick Any website and click Copy. Your Locator ID is already filled in:

    <div id="storelowidget" data-locator="YOUR-LOCATOR-ID"></div> <script src="https://storelowidget.com/widget.js" async></script>
  4. 4

    Drop a Code Embed on the page

    In the Designer, open Add → Elements → Code Embed and drag it into the section where the locator belongs. Paste the snippet, then save and close the code editor. No Style panel work needed: the locator fills the width of its parent and sets its own height, with list and map side by side on desktop and stacked on phones.

  5. 5

    Publish and check the live page

    On the canvas you only see a placeholder, because Webflow does not run scripts in the Designer. Publish to your webflow.io address or your custom domain and the working locator appears. From then on, stores you add or edit in StoreLo show up without publishing again.

Good to know on Webflow

  • Reuse it across pages. Turn the Code Embed into a component and place the same locator on a store finder page, a contact page or a campaign landing page. One locator per page.
  • CMS template pages. Webflow lets you insert a Collection field into embed code. Keep a Locator ID per item (one per brand or per country, for example) and each template page loads its own locator. Running more than one locator starts on Pro.
  • Stores already in a collection? Export the collection as a CSV from the CMS panel and upload it with Import CSV on the Locations page (Starter and up). Columns named Name, Address, Phone and Website are recognised automatically.
  • Lock it to your site. Under Settings → Domains you can restrict the locator to your own domains. Add the webflow.io address as well while you test there.

The free plan is the product, not a teaser.

Everything below is included the moment you sign up. No trial clock, no credit card.

A live store locator on your Webflow site

Searchable map and list, free for 5 locations. Not a trial: the free plan has no end date.

One line of code on Webflow

Paste one snippet into any Webflow page. No app install, no theme edits, nothing to maintain.

Brand matching, done for you

Send your website and we match the locator to it: colors, fonts, map style and markers. Free on every plan.

Your locations imported for you

Send your list and we put the locator live for you, from CSV to embed.

Search, filters and directions built in

Postcode and geolocation search, store-type filters, opening hours and one-tap Google Maps routes.

Sign up free

No credit card. Export your data and cancel anytime.

Webflow store locator options, compared

There are two realistic ways to get a Webflow store locator, and the right one depends on how central the locator is to your site.

Build it inside Webflow

A Locations collection, the Google Maps JavaScript API and custom code that geocodes each search, sorts the stores by distance and keeps the markers in sync with the list. You get total control, and you also own every bug: a pin in the wrong place, a list that breaks on phones, a script to update when Google changes its API. Each store also uses a CMS item on your plan. For a directory site where the locator is the product, that trade can be worth it.

Embed a hosted locator

StoreLo keeps the stores in its own dashboard and gives Webflow a single Code Embed. Search by postcode or city, "use my location", distance sorting, opening hours with an open or closed status, store-type filters and one-tap directions are ready on day one. You match the colours, fonts, map style and markers to the project in the dashboard, and add custom CSS for anything specific. For a brand, a chain or a client site that needs a dependable find-a-store page, this gets you live in an afternoon.

Building for clients? Pro runs up to 3 locators from one account and Business up to 10, and you can give a colleague or client access to a locator by email under Settings → Sharing. Weighing hosted tools on price and limits? The store locator comparison puts them side by side.

Store locator search results with the nearest store on top and the real distance
Map pin info window with one-click Google Maps directions
Search by city or postcode with live opening hours per store
Widget themes and map styles, from minimal to dark mode
The store locator on a phone, with list and map one tap apart

See what your customers want.

Every load, search, and click is tracked. See your conversion funnel, which stores get the most traffic, and where demand is highest. No Google Analytics setup required.

  • Conversion funnel: loads → searches → clicks to a store
  • Search heatmap + click tracking per store (directions, website, calls)
  • Meta Pixel & GTM events built in for ad retargeting
Sign up free

Live on your site in minutes.

Add your store locator to Webflow with a single line of code.

1

Add your locations

Import a CSV or add stores by hand in your dashboard. Opening hours, photos, and tags live there too.

2
<script src="https://storelowidget.com/widget.js"></script>|

Copy one line of code

Copy the embed snippet from your dashboard. It's one script tag, and that's the whole thing.

3

Paste it into an Embed

In the Designer, open Add → Elements → Code Embed. Drag it onto the page, paste the snippet in, then publish.

Sign up free

Trying StoreLo costs you nothing. Not even effort.

Every reason to put this off, removed:

Free forever

Five locations, no time limit. You only ever pay when your network outgrows it.

Stuck? I set it up for you

Send me your locations and your website, and I put the locator live for you. Free, on any plan.

Styled to your brand, free

On every plan we match the locator to your brand for you: colors, fonts, map style and markers.

Leave in two clicks

Cancel anytime and export everything you added. No contracts, no hostage situations.

Backed by a real person, not a department. Read the StoreLo Promise.

Webflow store locator FAQ

How do I add a store locator to a Webflow website?
Create the locator in StoreLo, copy the two-line embed code from the dashboard, then add a Code Embed element in the Webflow Designer, paste the code and publish. The locator shows on the published site; the Designer canvas only shows a placeholder. The step-by-step guide above has every click.
Does it work with the Webflow CMS?
Yes. The Code Embed works on CMS template pages, and because Webflow lets you insert a Collection field into embed code, each item can load its own locator from a Locator ID field. The stores themselves live in StoreLo rather than in a collection, so they never count toward your CMS item limit. Stores you already keep in a collection can be exported to CSV and imported into StoreLo.
Which Webflow plan do I need?
Webflow only offers the Code Embed element on a paid Workspace (Core, Growth, Agency or Freelancer) or on a site with an active Site plan. That is a Webflow rule, not a StoreLo one. On the StoreLo side, the free plan is enough to start.
What are the features and pricing for Webflow?
Every plan includes search by postcode or city, a "use my location" button, distance sorting, opening hours with an open or closed status, filters, directions and your own styling. The free plan covers 5 locations with no time limit. Starter is €19,99 a month for 250 locations plus CSV import, and Pro is €34,99 a month for 2,000 locations and up to 3 locators. The map runs on your own Google key, and a typical locator page stays inside Google’s free monthly usage. See all plans.
Can visitors find the nearest store from their location?
Yes, without a separate geolocation plugin. The "use my location" button asks the browser for the visitor’s position and sorts your stores by distance, and the search box suggests places as people type. Because a Code Embed sits directly in your page rather than in a frame, the browser’s location prompt works as normal on Webflow.
How does StoreLo compare to other Webflow store locator options?
Building it yourself with a CMS collection, the Maps API and custom code gives full control, but you maintain the search, the distance sorting and the mobile layout. A hosted locator such as StoreLo trades some of that control for a finished widget and a dashboard. Whichever hosted tool you consider, check what it charges per location and whose map key it runs on. The comparison page puts the common options side by side.
What if I get stuck embedding it?
Then I set it up for you, free, on any plan. Send your locations and your Webflow URL and I put the locator live and match it to your design. No integration agency needed: you are emailing the person who builds StoreLo, not a ticket queue.

Store locators for every platform

WordPressShopifySquarespaceWixElementorWooCommerce

Compare all features  ·  See pricing

Sign up freeFree for 5 locations