How to Add a Store Locator to Framer

Add a searchable map of your locations to any Framer page in a single paste. Your Storepoint locator updates straight from your dashboard whenever your locations change, so the design you built stays exactly as you built it.

Use it as a multi-location map, dealer finder, provider directory, restaurant locator, or stockist page. Drops into Framer's Embed component and adapts to your desktop, tablet, and phone breakpoints.

Start your free trial   See examples

1. Create a Storepoint account and follow the prompts (you'll pick a map provider and a few basics), or log in if you already have one
2. Add your locations: type them in, import a spreadsheet, or sync from Google Sheets
3. Open Embed in the dashboard sidebar and copy your snippet

Open the Storepoint dashboard

1. Open your Framer project, navigate to your locator page (or create a new one called "Locations" or "Find Us")
2. Press I (or click Insert in the top toolbar)
3. Search Embed and drag it onto the page
4. With the Embed selected, paste your Storepoint snippet into the HTML field in the right sidebar
5. Set Width to Fill (or 100%)
6. Set Height to a fixed value, around 600px to start (or Fill if it's inside a sized container)

1. In the breakpoint selector, switch to Tablet and Phone
2. Confirm the Embed is sized right at each breakpoint (resize if not)
3. Click Publish in the top right
4. Open the live page and try a search

That's the full setup. Every location update flows through your Storepoint dashboard. Your Framer design stays exactly as you built it.

Style it yourself from the dashboard: map style, marker pins, colors, button shapes, layout. Full CSS access is open on every plan.

Email us at [email protected]. We answer ourselves, no canned replies.

• Filters and tags for narrowing by service or category
• Map styles and custom pins from the dashboard
• Custom CSS for total control
• Embed options for filtered or multilingual locators