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

How to Add a Store Locator to Webflow

Add a searchable store locator, dealer finder, or location map to your Webflow site with one Embed component. No coding, no developers. Optional Webflow CMS sync.

A Storepoint store locator on a Webflow site with search, filters, and brand-matched design

Add a searchable map of your locations to any Webflow 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 locator, provider directory, service-area page, or stockist directory. Drops into Webflow's Embed component anywhere on a page, or syncs from a Webflow CMS Collection so updates in your CMS flow into the locator on their own.

Start your free trial   See examples


Step 1: Set up your locator

  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

Step 2: Add it into any Webflow page

  1. Open your project in the Webflow Designer
  2. Go to the page where the locator should live (or create a new one named "Locations" or "Find Us")
  3. Hit A (or click + in the top toolbar) to open the Add panel
  4. Scroll to Components > Embed (formerly under "Advanced > Custom Code")
  5. Drag Embed onto your page where you want the locator
  6. Paste your Storepoint snippet
  7. Click Save & Close
Designer shows a placeholder

Webflow renders the Embed as a grey block while you're designing. The real locator appears in Preview and on your published site.

Step 3: Publish

  1. Click Publish in the top right
  2. Select your domain(s) and hit Publish to Selected Domains
  3. Open the live page and try a search

That's the full setup. From here, every location update flows through your Storepoint dashboard. Your Webflow page stays exactly as you built it.


Embedding inside Rich Text

If you want the locator inline within a CMS-driven blog post or rich text block:

  1. Place the cursor where the locator should appear
  2. Click the + to open the insert menu
  3. Choose Custom Code
  4. Paste your Storepoint snippet

This works inside both static Rich Text elements and Rich Text bound to a CMS field.

Sync from Webflow CMS

If your locations are already in a Webflow CMS Collection (with addresses or lat/lng), you can sync them to Storepoint and skip the manual entry. Updates in your CMS flow into the locator.

Webflow CMS Integration

Match your design

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

Or have us style it for you, free.

Send us your Webflow site link and we'll match the locator to your design system. Fonts, colors, layout, button shapes. Free with every plan. See examples →

Got a question?

Drop us a line at [email protected]. We read every message and reply ourselves.

Beyond the basics

Still have questions?

We're happy to help anytime.

Get in Touch

Ready to get started?

Create your locator in minutes.