Build a CMS-Based Store Locator in Webflow Using the Dynamic Map App

If you want to build a proper Store Locator in Webflow, your goal is probably to show your stores on an interactive map where each location is marked with a pin. You may also want to display a list of your stores alongside the map.

All of this and more is possible with Dynamic Map app. With it, you can create a Store Locator in Webflow that includes opening hours, store images, and additional details. You can even add filters so visitors can easily refine which stores they see.

What You’ll Learn in This Article

• How to set up your CMS in Webflow to create your store items
• How to build an interactive map for your Store Locator using the Dynamic Map App
• How to customize your Store Locator to fit your needs

Create your Store Locator in Webflow – Step by Step Guide

1. Set up your Store Locator CMS Collection List

• Add text fields for latitude and longitude so the map can display correct coordinates
• Include opening hours for each store
• Add a preview image for your store
• Include contact details such as phone number

2. Insert Your Stores into the CMS

Create and publish your store items in the CMS to make sure they’re ready for use in the map.

3 Install the Dynamic Map App from Webflow’s App Marketplace

Browse Webflow’s Marketplace or open the App Panel directly in Webflow’s Designer to install the app.

4. Connect Your Store Locator CMS Items and Create your Map

Select the Collection List that contains your store location data, then press Create Map.

5. Configure Your Store Locator's Map and List Settings using Dynamic Map App

Customize your Store Locator in Webflow with options like custom marker styles, tooltips, media-rich pop-ups, live filters, and address search.

6. Style Your Store Locator in Webflow’s Designer

With Dynamic Map, every map element can be styled directly in Webflow’s Designer, so it fits seamlessly into your site’s design.

What is Dynamic Map for Webflow?

Dynamic Map is a Webflow-native app that makes it simple to create fully interactive, CMS-driven maps with custom pins, pop-ups, filters, and more. Instead of being limited by Webflow’s default map element, Dynamic Map gives you a purpose-built solution for advanced maps integrations within Webflow.

Why Dynamic Map for Webflow might be the best solution for your Store Locator

CMS-Ready Integration

• Connect maps directly to Webflow CMS collections
• Display unlimited location pins from your dynamic content
• Automatic updates when CMS items are added or edited
• Keeps everything in real-time sync with your CMS
  

Custom Design Options

• Match the look and feel of your brand with tailored map styles
• Use your own icons and unique pin graphics
• Add detailed pop-ups with text, images, and links
• Pick from multiple map themes and palettes, supporting both Google Maps and Mapbox
  

Interactive User Features

• Allow visitors to search and filter locations effortlessly
• Handle unlimited map items without slowing performance
• Set your own zoom levels and map boundaries
• Built for fast, mobile-friendly navigation

Try Dynamic Map’s Store Locator Cloneable

A nationwide retailer showcases its stores on a map, helping customers quickly find the nearest branch, check opening hours, and access contact info for a smooth shopping experience.

Retail Store Locator Cloneable

A nationwide retail brand uses a map to help users find the nearest store, view opening hours, and access contact details for a smooth shopping journey.

Get Cloneable

Dynamic Map is a Webflow App that lets you build an interactive Store Locator inside Webflow—complete with store markers, pop-ups, filters, and advanced features—all without writing code.

‍