How to Add a Store Locator to WooCommerce

Want to add a store locator or product locator to your WooCommerce store? You're in the right place.

What is Storepoint?

Storepoint is a store locator that adds a searchable location finder to your WooCommerce store. Use it as a store locator, dealer locator, stockist page, or "where to buy" product finder.

No WordPress plugin to install. Just paste a simple embed code.

Here's what makes it great:

• No plugin conflicts. Runs from our servers, not yours. Can't conflict with WooCommerce, your theme, or other plugins.
• Powerful search. Customers search by address, zip code, or automatic geolocation.
• Filters and categories. Help shoppers find retailers that carry specific products or brands.
• Works with every page builder. Gutenberg, Elementor, Divi, WPBakery, Beaver Builder, and more.
• Beautiful on mobile. Fully responsive out of the box.

Start Your Free Trial See Examples

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

Step 2: Add It to Your WooCommerce Store

In your WordPress admin, go to Pages and create a new page (like "Store Locator", "Find a Store", or "Where to Buy"), or edit an existing one.

Using Gutenberg (Block Editor)

This is the default editor in WordPress and WooCommerce.

1. In the page editor, click the + Add Block button
2. Search for "Custom HTML" and select the Custom HTML block
3. Paste your Storepoint embed code into the block
4. Click Publish (or Update if editing an existing page)

Using Elementor

Elementor is one of the most popular page builders in the WooCommerce ecosystem.

1. Edit your page with Elementor
2. Drag an HTML widget onto the page
3. Paste your Storepoint embed code
4. Click Publish or Update

Using Divi

1. Edit your page with the Divi Builder
2. Add a Code module
3. Paste your Storepoint embed code
4. Click Save

Using WPBakery

1. Add a Raw HTML element to your page
2. Paste your Storepoint embed code
3. Click Save Changes

Using the Classic Editor

If you're using the Classic Editor plugin:

1. In the page editor, click the Text tab (not Visual) in the top right
2. Paste your Storepoint embed code
3. Click Publish or Update

Step 3: Publish and Test

1. Visit your page to see your locator in action
2. Test searching for a location to confirm everything works

That's it!

Adding to Your Navigation

To help customers find your locator:

Using WordPress Menus

1. Go to Appearance → Menus
2. Select the page you created from the Pages list
3. Click Add to Menu
4. Drag it to your preferred position
5. Click Save Menu

Using WooCommerce Navigation

If you use WooCommerce's built-in navigation or a mega menu plugin, add your locator page the same way you'd add any other page.

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 customers can find retailers carrying specific products
• Customize the design to perfectly match your brand
• Set up multiple languages for international audiences
• Build a product locator with product filtering and purchase links
• Learn about embed options for filtered or multilingual locators