How to Add a Store Locator to WooCommerce (2026)

Add a store locator to WooCommerce without plugin security risks. Compare plugins vs embeds with step-by-step setup and BOPIS integration.

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

#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. Create Google Sheet with locations
  2. Settings > Integrations > Google Sheets
  3. Connect and enable sync
  4. Updates happen automatically

#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.

Related Articles