Framer store locator
A Framer store locator that matches the design.
Framer sites are designed carefully, so the locator has to be too. Match colours, type, corners and spacing, then drop it into an Embed component.
- 7-day trial
- No card required
- From $19/month
Real widgetA real locator capture. This version suits a design-led brand where the locator has to sit inside a considered layout without looking like a third-party widget. Open the full-size example to search it. Lumen Optical is an invented concept brand using sample data.
Built around the search
A Framer store locator built around what a visitor is trying to do.
Distance is rarely the only question. Give someone enough to choose a useful location before they leave the page.
- 01
Design tokens, not a theme picker.
Colour, type scale, corner radius, spacing and marker treatment are all set individually, so the locator can match a Framer design rather than approximate it.
- 02
It cannot fight your CSS.
The widget renders in an isolated root, so your site styles and its styles never collide in either direction.
- 03
Publish, then keep editing.
The Embed component keeps the same code. Locations, filters and appearance change from the Handled dashboard afterwards.
Search and discovery
A visitor finds the nearest useful location without scanning the whole list.
The locator opens, the visitor types a town or postcode, and results reorder by distance. Search, filters, labels and layout are settings you control, not fixed behaviour.
Start with the spreadsheet you already maintain. Import a CSV, review the locations, then keep the same embed as the list changes.
North Loop Cycles
1.2 mi · Open until 6:00
Eastside Bike Works
2.8 mi · Open until 7:00
Hill Country Service
4.6 mi · Opens tomorrow
Search stage: Austin locations are filtered to repair shops, sorted by distance, and the nearest result offers directions.
Install on Framer
Add the Framer store locator once.
Handled is a hosted widget rather than a Framer-specific extension. Copy the generated embed from the dashboard and place it where the locator should appear.
Embed component
<div id="biz-locator-root"></div>
<script src="https://cdn.handledlocal.com/widget.js"
data-site-id="your-site-id" async></script>Three steps to publish
- 1Add an Embed component to the page and set its type to HTML.
- 2Paste the embed code, then give the frame enough height for the locator.
- 3Publish the site and check the published URL rather than the canvas.
The practical questions
What changes after the trial?
Keep the design, locations and embed. Choose a plan based on location count and team seats. Your map usage remains on the Mapbox or Google account you control.
Compare plans- Starter
- $19/mo
- 200 locations
2 team seats
Every working feature - Pro
- $39/mo
- 2,000 locations
5 team seats
Every working feature - Business
- $79/mo
- 10,000 locations
20 team seats
Every working feature
Before you choose
Questions buyers ask about this setup.
- Do I need a plugin or an app for Framer?
- No. Handled is a hosted locator you embed in a page. There is nothing to install into Framer, nothing to keep updated, and nothing that can conflict with the rest of your site.
- Will my Framer styles break the locator?
- No. The widget renders in an isolated root so page CSS and widget CSS cannot collide in either direction. You set its colours, type, spacing and corners in Handled so it still matches the surrounding site.
- Can visitors filter as well as search?
- Yes. Categories on your locations become customer-facing filters, alongside search by town or postcode and sorting by distance.
- Who pays for the map traffic?
- You connect your own Mapbox or Google Maps key and that provider bills usage directly. The Handled subscription covers the locator, location capacity and team seats.
Turn your location list into a Framer store locator.
Start from the design above, import a sample of your real locations, and see it on your own page before paying.
7-day trial · No card required · Keep the same embed when you publish
Using a different platform?
The same locator, with the install steps for each.