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
- Log in to your Storepoint dashboard
- Click Embed in the left sidebar
- Copy your embed code snippet
Preview your locator in the dashboard first to make sure everything looks right before embedding.
Step 2: Add It to Your Squarespace Site
- In the left menu, click Pages and navigate to your locator page (or create a new blank page like "Find Us" or "Locations")
- Click Edit to enter the page editor
- Hover over the section where you want your locator and click Add Block (the + button)
- Scroll down and select Code under the "More" section
- Paste your Storepoint embed code into the code block
- Click outside the block to close it
Choose Code, not "Embed". The Code block allows JavaScript, which is required for the locator to work.
Step 3: Save and Publish
- Click Save in the top right corner
- View your page to see your locator in action
That's it! 🙌
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:
- In the page editor, click on the section containing your Code block
- Click the pencil icon to edit section settings
- Under "Width", select Full or Full Bleed
- 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:
- Add filters and tags so visitors can find specific location types
- Customize the design to perfectly match your brand
- Set up multiple languages for international audiences
- Learn about embed options for filtered or multilingual locators