Help Center > Install On Your Website

How to Add a Store Locator to Your Webflow Site: Step-by-Step Guide

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

If you're looking to add a dynamic, searchable, and filterable location map to your Webflow site, you're in the right place. Storepoint lets you easily create and manage a store locator for Webflow, fitting seamlessly into your website's branding and functionality. Sign up now to get started!

In this step-by-step tutorial, we'll guide you through embedding Storepoint into your Webflow site, ensuring a smooth and hassle-free experience. 😊

What is Storepoint?

For those new to Storepoint, it's an embeddable locator widget perfect for websites requiring a comprehensive locator tool. It can be used as an interactive multi-location map, store locator, dealer locator, map directory, or searchable directory. Some of its outstanding features include:

  • A wide range of customization options.
  • Easy location management via the dashboard, spreadsheet, or Google Sheets sync.
  • Advanced search capabilities, including zip code/postcode and automatic geo-location.
  • User-friendly filters and custom fields.
  • Ability to sync locations from Webflow CMS.
  • And much more!

Sign up to start using Storepoint today or explore our store locator examples.

Now, let's jump into the embedding process for your Webflow site.

Step 1: Getting Your Embed Snippet

  1. Visit your Storepoint dashboard: Storepoint Dashboard
  2. Once there, you'll find an "embed snippet" tailored for your locator. Copy this snippet to your clipboard.

🚀 Tip: Ensure you've set up your locations and customized the appearance of your locator on the dashboard first.

Step 2: Embedding Storepoint into Your Webflow Site

  1. Log into your Webflow account and navigate to your desired project.
  2. Open the Add panel on Webflow.
  3. Look for the Embed element in the Add panel and drag it to the place where you'd like the locator to appear on your canvas.
  4. A modal will pop up. Simply paste the embed snippet you copied earlier.
  5. Save and close the modal.

Step 3 (Optional): Embedding into a Rich Text Element

If you wish to embed the locator within a rich text element in Webflow:

  1. Place your cursor where you'd like the locator.
  2. Click the "plus" icon to access the insert menu.
  3. Click the custom code button.
  4. Paste in the embed snippet.

Wrapping Up

Congratulations! 🎉 You've successfully embedded the Storepoint locator into your Webflow site. Now your visitors can easily find locations, filtered to their requirements, all within a locator tailored to your site's branding.

For more detailed information and examples, visit our page on our store locator for Webflow. Ready to get started? Sign up now!