top of page
  • Writer's pictureNan Zhou

How to add a store locator to Webflow

If you operate or work with a network of businesses, products, services or people, adding a store locator map to your website can help your site visitors visualise where your business is located and find the location nearest to them. This will shorten your customer journey and significantly improve your online-to-offline conversion.

No Code Map App is the first and only no code map builder that is fully integrated with Webflow CMS meaning you can now build a store locator for your Webflow website with just a few clicks!

Create a custom store locator map with your Webflow CMS in 3 simple steps.

  1. Select the Product Locator template

  2. Enter your Webflow CMS information

  3. Customise it to your branding

I. Choose a Template

We have built a library of production-ready map templates custom-designed and built for a variety of use-cases and industries, including product locator.

Simply click on the "Product Locator" template and it will work for any business.

II. Connect your Webflow CMS

To connect your Webflow data source, simply click on "Sync with Webflow CMS" as your method of data import.

Then all you need to do is enter your Webflow API token and Collection ID, and click on "Import data" button

Our intelligent map builder will auto-sort your data. You can include any kind of data in your dataset including address or coordinates, website, phone, text, number, dates, image and audio file linkes, and even links to any third party apps and websites like online forms, Instagram, Uber Eats, Stripe payment links, PayPal payment links, Calendly etc.

Upon importing, we will show all of your data columns so you can decide what to use for your map.

After that, our builder will convert your data into an interactive map in mere seconds, complete with auto-generated map filters, pop-up modals, side-bar list view, and call-to-action buttons.

III. Customise

With complete design control. you can customise anything and everything to your preferred style and branding so your map can blend in perfectly with your website, including map style, map marker, color, font, zoom level, and search bar setting etc. More importantly and uniquely to us is you can customise your data display, map filters and call-to-action buttons. You can pretty much use any third party tool link as your conversion action.

With the right map filter and conversion action, you can link your interactive map with your other business tools (like Google Form, Stripe, PayPal, Calendly), and turn your interactive map into a lead or revenue generator with buttons like:

  • Buy or pay

  • Subscribe

  • Contact

  • Fill in a form

  • Order food (Uber Eats, Grub hub, DoorDash)

  • WhatsApp

  • Instagram

How to configure custom domain / slug URL for Webflow CMS​

In addition to the standard data fields, you can also configure your own custom domain / slug URL as a part of our Webflow CMS integration. Once configured, it would automatically create a CTA in your map that takes users to each individual page you have set up in Webflow.

Give it a try and let us know what you think!


24 views0 comments


bottom of page