Docs / Getting Started / Embed on Your Website / How to Add a Store Locator to Webflow

How to Add a Store Locator to Webflow

Learn how to easily add a dynamic, searchable, and filterable store locator to your Webflow site. Follow our simple step-by-step tutorial for quick and seamless integration.

Looking to add a dynamic, searchable, and filterable location map to your Webflow site? You're in the right place. 🎯

What is Storepoint?

Storepoint is an embeddable locator widget that makes adding a store locator to your website effortless. Use it as an interactive multi-location map, store locator, dealer locator, or searchable directory.

Here's what makes it great:

  • Easy to customize. Match your Webflow site's branding in minutes.
  • Powerful search. Customers 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 directly from your Webflow CMS.
  • Works beautifully on mobile. Fully responsive out of the box.

Start Your Free Trial See Examples

Ready to get started? The whole process takes about 2 minutes. ✨


Step 1: Get Your Embed Code

  1. Log in to your Storepoint dashboard
  2. Click Embed in the left sidebar
  3. 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 Webflow Site

  1. Open your Webflow project in the Designer
  2. Navigate to the page where you want your locator (or create a new page like "Locations" or "Find Us")
  3. Open the Add panel (click the + icon or press A)
  4. Scroll down to the Advanced section
  5. Drag Custom Code Embed onto your page
  6. Paste your embed code and click Save & Close

That's it! 🙌

Don't see it in the Designer?

The embed shows as a placeholder in Webflow's Designer. That's normal! Your locator appears when you preview or publish the live site.

Step 3: Publish Your Site

  1. Click Publish in the top right corner
  2. Select your domain and hit Publish to Selected Domains
  3. Visit your live page. Your locator is ready!

You can also preview before publishing by clicking the eye icon in the top bar.


That's It! 🎉

You've successfully added a beautiful, fully-functional store locator to your Webflow site. Your customers can now search for locations, filter by category, and get directions, all within a locator that matches your branding.

Using Webflow CMS?

Sync your locations directly from a Webflow CMS Collection! Changes in your CMS automatically update your locator. Learn about Webflow CMS Integration →

Embedding in Rich Text

If you need to embed the locator inside a Rich Text element:

  1. Place your cursor where you want the locator
  2. Click the + icon to open the insert menu
  3. Select Custom Code
  4. Paste your embed code

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:

Still have questions?

We're happy to help anytime.

Get in Touch

Ready to get started?

Create your store locator in minutes.