How to Add a Store Locator to BigCommerce (2026)

Add a store locator to BigCommerce in 15 minutes. Step-by-step tutorial with embed code, BOPIS integration tips, and B2B dealer locator setup.

BigCommerce is a powerful e-commerce platform for growing brands. If you sell online AND have physical stores or dealer networks, a store locator for BigCommerce connects these channels and drives omnichannel sales.

This guide covers every method to add a store locator to your BigCommerce store.

Related: What is a store locator? | Best store locator software 2026

#Why BigCommerce Stores Need a Store Locator

#The Omnichannel Advantage

BigCommerce merchants with physical locations benefit from:

  • Research online, buy in-store: 73% of shoppers use multiple channels
  • Buy online, pickup in-store (BOPIS): Growing rapidly
  • Local search traffic: 46% of Google searches have local intent
  • Higher conversion: Local presence builds trust

#Your Options for BigCommerce Store Locators

#Option 1: BigCommerce App Marketplace

How it works: Install a store locator app from BigCommerce's marketplace.

Pros:

  • Native integration
  • Managed within BigCommerce

#Option 2: Embedded Solution (Recommended)

How it works: Use a dedicated store locator platform and embed it on your BigCommerce store.

Pros:

  • Full-featured store locator
  • Professional analytics (heatmaps!)
  • Lead capture
  • Google Sheets sync
  • Platform independence

Cons:

  • Separate dashboard

Best choice: StoreRocket

#Option 3: Custom Development

How it works: Build a custom store locator using BigCommerce's APIs and frontend framework.

Pros:

  • Complete customization
  • Deep integration potential

Cons:

  • Requires developer
  • Ongoing maintenance

#Adding StoreRocket to BigCommerce

Here's how to set up StoreRocket on a BigCommerce store:

#Step 1: Create Your StoreRocket Account

  1. Visit storerocket.io/get-started
  2. Sign up with your email
  3. Access your dashboard immediately
  4. No credit card required for 7-day trial

#Step 2: Add Your Locations

Manual entry:

  1. Go to Locations > Add Location
  2. Enter name and address (auto-geocodes)
  3. Add phone, email, hours
  4. Click Save

CSV import:

  1. Prepare spreadsheet with location data
  2. Go to Locations > Import
  3. Upload and map columns
  4. Import all at once

Google Sheets sync:

  1. Create a Google Sheet with locations
  2. Connect in Settings > Integrations
  3. Changes sync automatically

#Step 3: Customize Your Widget

  1. Go to Widget > Themes
  2. Choose a theme
  3. Match your BigCommerce theme colors
  4. Configure map settings (Google Maps or Mapbox)
  5. Set search defaults

#Step 4: Set Up Filters

Create filters for:

  • Store types (Retail, Outlet, Partner)
  • Services (BOPIS, Returns, Repairs)
  • Product categories

#Step 5: Get Your Embed Code

  1. Go to Widget > Install
  2. Copy the embed code:
 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 BigCommerce

Method A: Create a New Page

  1. Log into your BigCommerce admin
  2. Go to Storefront > Web Pages
  3. Click Create a Web Page
  4. Select Using the HTML Editor
  5. Enter a page title: "Store Locator" or "Find a Store"
  6. Paste your StoreRocket embed code in the HTML editor
  7. Configure page URL: /store-locator/
  8. Click Save

Method B: Add to Existing Page

  1. Edit any existing web page
  2. Switch to HTML editor view
  3. Paste embed code where desired
  4. Save

Method C: Theme File Edit (Advanced)

For deeper integration:

  1. Go to Storefront > My Themes
  2. Click Advanced > Edit Theme Files
  3. Create or edit a template file
  4. Add the embed code
  5. Save

#Step 7: Add to Navigation

  1. Go to Storefront > Navigation Menus
  2. Edit your main navigation
  3. Add a new link:
    • Link Text: "Find a Store"
    • Link URL: /store-locator/
  4. Save

#Step 8: Test

Verify:

  • ✅ Search works by zip, city, GPS
  • ✅ Results display correctly
  • ✅ Directions and phone links work
  • ✅ Mobile experience is good

#BigCommerce-Specific Features

#Integration with BigCommerce Commerce

Buy Online, Pick Up In-Store:

  • Add "Pickup Available" filter to stores
  • Link store locator from cart
  • Show pickup-enabled locations

Local Inventory Display: With StoreRocket's API + custom development:

  • Show "In stock at nearby stores"
  • Display inventory by location
  • Enable "check availability" on product pages

#BigCommerce Channel Manager

If using Channel Manager for marketplaces:

  • Maintain consistent location data
  • Sync inventory across channels
  • Unified store directory

#B2B Edition Features

For BigCommerce B2B stores:

  • Dealer/distributor locator
  • Tiered partner display

#Frequently Asked Questions

#Can I show inventory by location?

With custom development using StoreRocket's API and BigCommerce's inventory APIs, yes.

#How do I manage dealer/distributor locators on BigCommerce?

StoreRocket handles dealer locators with filters for partner tiers and custom fields for dealer information. See our dealer locator software guide.

#Will a store locator help my BigCommerce SEO?

Individual, indexable location pages can rank for "[brand] + [city]" searches. Learn more in our Store Locator SEO Guide.


#Get Your BigCommerce Store Locator Live

Connect your BigCommerce store to your physical locations. Drive foot traffic, enable BOPIS, and understand where your customers are.

Try StoreRocket Free for 7 Days →

No credit card required.


Need help with your BigCommerce store locator? Contact us.

Related Articles