Skip to main content

How to Add a Store Locator to BigCommerce (2026)

Add a store locator to BigCommerce by pasting one embed code into a web page. Steps for the page, navigation, pickup filters and a B2B dealer locator.

The quickest way to add a store locator to BigCommerce is one embed code: create your locator, copy the code from the Install page and paste it into a BigCommerce web page. There is no app to install, and later changes to your locations happen in the StoreRocket dashboard.

This guide covers that path, the other options, and what to check once the page is live. We make StoreRocket, so weigh our view with that in mind.

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

The short answer

A free map or app is enough when

  • You have a handful of stores and they rarely open, close or move.
  • Visitors only need to see where you are, not search by address or filter by service.
  • Whoever updates the page is comfortable editing HTML.
  • A listing from the BigCommerce marketplace already covers what you need.

Use StoreRocket when

  • You sell online and through stores or dealers, and customers need to search for the nearest one.
  • The people who update locations are not developers and should not need to edit a page.
  • You want pickup, service or dealer-tier filters, styled to match your theme.
  • You would rather not maintain the locator yourself as your list of locations grows.

Only a few locations and no budget? You may not need a store locator at all. A free embedded map with a pin for each location is fine when the list is short, rarely changes and visitors only need to see where you are. Our guide to free store locator options compares them.

Your options for a BigCommerce store locator

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

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

Pros:

  • A locator you manage outside the theme, so it is not tied to BigCommerce
  • Filters, custom fields and a styling screen
  • Analytics, lead capture and Google Sheets sync, depending on the plan (see pricing)

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 a developer
  • Someone has to own the upkeep

A custom build needs a map provider and its key, address search with suggestions, a geocoded location list and a way to edit it, a phone layout, and someone to fix it when the theme or the map library changes. Our guide to building a store locator with AI lists the parts and the checks.


Adding StoreRocket to BigCommerce

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 the free trial

Step 2: Add Your Locations

Manual entry:

  1. Go to Locations > Add a location
  2. Enter the name and type the address, picking it from the suggestions
  3. Add phone, email and hours
  4. Click Save

CSV import:

  1. Prepare a spreadsheet with your location data (CSV, TSV, TXT, XLS or XLSX)
  2. Go to Locations > Import locations
  3. Upload the file and match its columns
  4. Review what will change, choose to add the rows or replace the current list, then publish

Google Sheets sync (depends on the plan, see pricing):

  1. Open Locations > 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 Your Widget

  1. Open Widget Studio
  2. Choose a locator style
  3. Match your BigCommerce theme colors and font
  4. Configure map settings
  5. Set search defaults

Choose Google Maps or Mapbox before you copy the embed code: switching provider later means pasting the code again.

Step 4: Set Up Filters

In Locations > Search Filters, create filters for:

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

Step 5: Get Your Embed Code

  1. Open the Install page in your StoreRocket dashboard
  2. Copy the embed code shown on your StoreRocket Install page. It already carries your account ID, so paste it exactly as copied.

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. Choose the HTML editor (or the editor's HTML source view)
  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. Open the menu settings for your storefront (BigCommerce's menu options depend on your theme; a web page can also be set to show in the navigation)
  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 and "use my location"
  • ✅ Results display correctly
  • ✅ Directions open in Google Maps, and phone links in the location details work
  • ✅ Mobile experience is good

Using the locator with BigCommerce

After install, your team changes locations in the StoreRocket dashboard and the locator on your page updates itself. Nothing in BigCommerce needs editing.

Buy online, pick up in store:

  • Add a "Pickup Available" filter to your locations
  • Link to the store locator from the cart or product pages, opened already filtered on pickup locations
  • Keep the order itself in BigCommerce's own pickup settings

B2B Edition: For a dealer or distributor locator, use filters for partner tiers and custom fields for dealer information.


Frequently Asked Questions

Can I show inventory by location?

Not live stock. You can add a filter or custom field such as "Pickup available" to describe each location, and a location button can link to your own product or availability page.

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?

A locator page helps customers find a store, and a clear page title and link in your navigation help search engines find it. Ranking for individual cities needs a separate page for each one on your own site; our Store Locator SEO Guide explains how.


Get Your BigCommerce Store Locator Live

StoreRocket gives BigCommerce merchants with stores or dealers a store locator for their own website: import your locations from a spreadsheet, match it to your brand and paste one embed code. Create your locator with a free trial, no credit card needed.


Need help with your BigCommerce store locator? Contact us.

Add a store locator to BigCommerce today

Import your locations, make the locator match your website, and add it to a page the way you would add a video. No developer required.

Create your locator

7 days free · No card · No automatic charge · see a live locator first

Related Articles