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

How to Add a Store Locator to Squarespace

Learn how to add a store locator, multi-location map, or directory to your Squarespace website. Simple step-by-step tutorial for quick integration.

Looking to add a store locator, multi-location map, or directory to your Squarespace site? This guide will have you up and running in just a few minutes. 🎯

What is Storepoint?

Storepoint is an embeddable locator widget that makes it easy to add a beautiful, searchable map to your Squarespace website. Use it as a store locator, multi-location map, dealer finder, or searchable directory.

Here's what makes it great:

  • Easy to customize. Match your Squarespace site's branding in minutes.
  • Powerful search. Visitors can search by address, zip code, or use automatic geolocation.
  • Filters and categories. Help visitors find exactly what they're looking for.
  • Simple location management. Add locations via the dashboard, import from a spreadsheet, or sync from Google Sheets.
  • Works beautifully on mobile. Fully responsive out of the box.

Start Your Free Trial See Examples

Ready to get started? The whole process takes just a few minutes. ✨


Step 1: Get Your Embed Code

  1. Log in to your Storepoint dashboard
  2. Click Embed in the left sidebar
  3. Copy your embed code snippet

Get Embed Code

Pro Tip

Preview your locator in the dashboard first to make sure everything looks right before embedding.

Step 2: Add It to Your Squarespace Site

  1. In the left menu, click Pages and navigate to your locator page (or create a new blank page like "Find Us" or "Locations")
  2. Click Edit to enter the page editor
  3. Hover over the section where you want your locator and click Add Block (the + button)
  4. Scroll down and select Code under the "More" section
  5. Paste your Storepoint embed code into the code block
  6. Click outside the block to close it
Important

Choose Code, not "Embed". The Code block allows JavaScript, which is required for the locator to work.

Step 3: Save and Publish

  1. Click Save in the top right corner
  2. View your page to see your locator in action

That's it! 🙌

Don't see it in the editor?

The Code block won't show a preview while editing. That's normal! Your locator appears when you save and view the live page.


Making It Full Width

By default, Squarespace may constrain your locator to a narrow content area. To make it full width:

  1. In the page editor, click on the section containing your Code block
  2. Click the pencil icon to edit section settings
  3. Under "Width", select Full or Full Bleed
  4. Save your changes

Need Help?

Run into any issues? Contact us with a link to your page and we'll help get it sorted. We're happy to assist!

Make It Your Own

Now that your locator is live, explore what else you can do:

Still have questions?

We're happy to help anytime.

Get in Touch

Ready to get started?

Create your store locator in minutes.