How to Add a Store Locator to Framer

Learn how to add a store locator or location map to your Framer website. Simple step-by-step tutorial for designers.

Building a site in Framer and need a store locator? This guide will have you up and running in just a few minutes. 🎯

What is Storepoint?

Storepoint is a location map widget that makes it easy to add a beautiful, searchable locator to your Framer website. Use it as a store locator, dealer finder, or location directory.

Here's what makes it great:

Easy to customize. Match your Framer site's design in minutes.
Powerful search. Visitors can search by address, zip code, or use automatic geolocation.
Filters and categories. Help visitors find exactly what they're looking for.
Simple location management. Add locations via the dashboard, import from a spreadsheet, or sync from Google Sheets.
Works beautifully on mobile. Fully responsive out of the box.

Start Your Free Trial See Examples

Ready to get started? The whole process takes just a few minutes. ✨

Step 1: Get Your Embed Code

Log in to your Storepoint dashboard
Click Embed in the left sidebar
Copy your embed code snippet

Get Embed Code

Pro Tip

Preview your locator in the dashboard first to make sure everything looks right before embedding.

Step 2: Add It to Your Framer Site

Open your Framer project and navigate to your locator page (or create a new page like "Find Us" or "Locations")
Click the Insert menu (or press I)
Search for Embed and drag it onto your page
With the Embed component selected, paste your Storepoint embed code into the HTML field in the right sidebar
Set Width to "Fill" or 100%
Set Height to a fixed value like 600px (or "Fill" if inside a sized container)

Sizing Tip

Give the Embed component at least 500-600px of height for the best display. The locator will adapt to the available width automatically.

Step 3: Publish and Test

Click Publish in the top right corner
Visit your published site to see your locator in action

That's it! 🙌

Preview Note

The embed should display in the Framer editor preview. If it doesn't, publish and check your live site.

Need Help?

Run into any issues? Contact us with a link to your page and we'll help get it sorted. We're happy to assist!

Make It Your Own

Now that your locator is live, explore what else you can do:

Add filters and tags so visitors can find specific location types
Customize the design to perfectly match your brand
Set up multiple languages for international audiences
Learn about embed options for filtered or multilingual locators