How to Add a Store Locator to WooCommerce (2026)

WooCommerce powers millions of online stores, and many of those stores also have physical locations. If that's you, a WooCommerce store locator helps customers find your stores, enables buy-online-pickup-in-store, and connects your online and offline channels.

This guide covers every option: WordPress plugins, embedded solutions, and custom builds.

Related: What is a store locator? | Best store locator for WordPress

#Why WooCommerce Stores Need a Store Locator

#The Click-and-Mortar Reality

WooCommerce merchants with physical stores benefit from:

• 73% of shoppers use multiple channels in their purchase journey
• 67% have used BOPIS (buy online, pickup in store)
• 76% of local searchers visit within 24 hours
• Local presence builds trust and increases conversion

#The WooCommerce Opportunity

WooCommerce's flexibility allows deep integration between online store and physical locations. You can:

• Show local inventory on product pages
• Enable store pickup at checkout
• Drive online visitors to stores
• Capture location-based leads

Related: How to embed Google Maps in WordPress

#Your Options for WooCommerce Store Locators

#Option 1: WordPress Plugins

How it works: Install a store locator plugin from the WordPress repository.

Popular options:

• WP Store Locator (free)
• Store Locator Plus (freemium)
• Super Store Finder (premium)

Pros:

• Native WordPress integration
• Many free options
• Familiar admin experience

#Option 2: Embedded Solution (Recommended)

How it works: Use a dedicated store locator platform and embed it via shortcode or HTML block.

Pros:

• Full-featured store locator
• Professional analytics (heatmaps!)
• Lead capture included
• Google Sheets sync
• Bring your own map key — you own your usage and billing

Cons:

• Monthly fee

Best choice: StoreRocket

#Option 3: Custom Development

How it works: Build a custom store locator using WordPress/WooCommerce APIs.

Pros:

• Complete customization
• Deep WooCommerce integration

Cons:

• Expensive ($5,000-$20,000+)
• Requires developer
• Ongoing maintenance
• Security responsibility is yours

#Adding StoreRocket to WooCommerce

#Step 1: Create Your StoreRocket Account

1. Visit storerocket.io/get-started
2. Sign up with your email
3. Access your dashboard (no credit card needed)

#Step 2: Add Your Locations

Manual entry:

1. Locations > Add Location
2. Enter name and address
3. Add phone, email, hours
4. Save

CSV import:

1. Prepare spreadsheet
2. Locations > Import
3. Upload and map columns
4. Import

Google Sheets sync (recommended):

1. Open Google Sheets Sync in StoreRocket and create a new linked spreadsheet
2. StoreRocket exports your current locations and emails you the spreadsheet link
3. Add or edit locations in the linked spreadsheet using its template columns
4. Enable automatic daily sync, or click Sync from Sheets after editing

To bring in an existing spreadsheet, import its CSV or Excel export first. Continuous sync uses the spreadsheet created by StoreRocket. Follow the Google Sheets setup guide.

#Step 3: Customize

1. Widget > Themes - choose Aurora or Nebula
2. Match your WooCommerce theme colors
3. Configure map settings
4. Set search defaults

#Step 4: Create Filters

Filter groups for WooCommerce:

• Store type (Retail, Outlet, Warehouse)
• Services (BOPIS, Returns, Repairs)
• Product availability

#Step 5: Get Embed Code

Go to Widget > Install and copy:

 1<div class="storerocket-store-locator"></div>
 2
 3<script src="//cdn.storerocket.io/widget.js"></script>
 4<script>
 5StoreRocket.init({
 6    selector: ".storerocket-store-locator",
 7    account: "YOUR_ACCOUNT_ID"
 8});
 9</script>

Replace YOUR_ACCOUNT_ID with the account ID shown under Widget → Install in the StoreRocket dashboard.

#Step 6: Add to WooCommerce/WordPress

Method A: Gutenberg Block (Recommended)

1. Create or edit a page in WordPress
2. Add a Custom HTML block
3. Paste the embed code
4. Publish

Method B: Classic Editor

1. Edit a page
2. Switch to Text view (not Visual)
3. Paste the embed code
4. Publish

Method C: Shortcode (Advanced)

Create a shortcode in your theme's functions.php:

 1function storerocket_shortcode() {
 2    return <<<'HTML'
 3<div class="storerocket-store-locator"></div>
 4
 5<script src="//cdn.storerocket.io/widget.js"></script>
 6<script>
 7StoreRocket.init({
 8    selector: ".storerocket-store-locator",
 9    account: "YOUR_ACCOUNT_ID"
10});
11</script>
12HTML;
13}
14add_shortcode('storerocket', 'storerocket_shortcode');

Then use [storerocket] anywhere.

#Step 7: Add to Navigation

1. Appearance > Menus
2. Add your store locator page
3. Position in navigation
4. Save

#WooCommerce-Specific Integrations

#Buy Online, Pick Up In-Store (BOPIS)

Connect store locator to WooCommerce checkout:

1. Enable "Local Pickup" in WooCommerce
2. Add pickup locations to StoreRocket
3. Filter for "Pickup Available"
4. Link from cart/checkout

#Product Page Integration

Add "Find in Store" to product pages:

 1// Add to single-product.php or via hook
 2add_action('woocommerce_single_product_summary', function() {
 3    echo '<a href="/store-locator/">Find this in a store near you →</a>';
 4}, 35);

#Local Inventory Display

With StoreRocket API + WooCommerce custom development:

• Query local inventory
• Display "In stock at [store]"
• Show availability by location

#Troubleshooting WooCommerce

#Widget Not Appearing

Check:

1. Page is published
2. Embed code is complete
3. No JavaScript errors in console
4. Theme doesn't block external scripts

#Conflicts with Other Plugins

StoreRocket is isolated and rarely conflicts. If issues occur:

1. Temporarily disable other plugins
2. Test store locator
3. Re-enable plugins one by one
4. Identify the conflict

#Mobile Issues

Check:

1. Theme is responsive
2. Container width is appropriate
3. GPS works (requires HTTPS)

#Frequently Asked Questions

#Is a plugin or embedded solution better for WooCommerce?

Embedded solutions like StoreRocket avoid plugin maintenance and add hosted features such as analytics and lead capture. On a paid project, you connect your Google Maps or Mapbox key once in the dashboard.

#Can I show WooCommerce inventory by location?

With custom development using StoreRocket's API and WooCommerce's inventory system, yes.

#Will this slow down my WooCommerce store?

No. StoreRocket runs only on pages where you embed it and adds no WordPress database queries.

#Does it work with all WooCommerce themes?

Yes. StoreRocket works with any WordPress/WooCommerce theme.

#Get Your WooCommerce Store Locator Live

Connect your WooCommerce store to physical locations. Enable BOPIS, drive foot traffic, and understand where your customers are searching.

Try StoreRocket Free for 7 Days →

No credit card required.

Need help with your WooCommerce store locator? Contact us.