Help Center > Install On Your Website

How to Set Up Storepoint Store Locator on Your Webflow Site

If you're looking to add a dynamic, searchable, and filterable location map to your Webflow site, you're in the right place. Storepoint is a powerful yet easy-to-use embeddable locator software that fits seamlessly into your website's branding and functionality.

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. Some of its outstanding features include:

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

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.

Remember: If the embed snippet has opening and/or closing tags, make sure to include them so that everything works smoothly.

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.

If you're yet to experience the full range of features Storepoint offers, feel free to explore some examples of what our app can do.

Enjoy the rest of your !