---
title: Store Locator Widget – Promote Your Nearest Locations
description: "Update February 18, 2016: You can now create a store locator widget interface in the Admin. Just login to get started! Store locators are often the most visited page on a company’s website, but not always the easiest to find. Now you can integrate a Bullseye Store Locator Widget at the bottom of your website …"
image: https://blog.bullseyelocations.com/hubfs/Imported_Blog_Media/bullseyedetails.jpg
---
[Skip to content](https://blog.bullseyelocations.com/store-locator-widget-bullseye#main-content)
[](https://www.bullseyelocations.com/)
[Why Bullseye?](https://www.bullseyelocations.com/why-bullseye)
Product
How we grow your sales
[ **Location Search** Help customers find the right place to buy your product](https://www.bullseyelocations.com/features-better-results) [ **SEO Local Pages** Generate highly qualified local search traffic](https://www.bullseyelocations.com/features-improve-customer-experience) [ **Lead Capture** Build dealer loyalty with qualified leads ready to buy your products](https://www.bullseyelocations.com/features-support-dealers) [ **Events and Promotions** Drive in-store traffic with local marketing](https://www.bullseyelocations.com/features-target-events-and-promotions) [ **Reporting and Analytics** Get meaningful data to inform marketing decisions](https://www.bullseyelocations.com/reporting-and-analytics) [ **Integrations** Connect your CRM, CMS, or other applications](https://www.bullseyelocations.com/integrations)
Industries
[ Manufacturing](https://www.bullseyelocations.com/manufacturing) [ Building Materials](https://www.bullseyelocations.com/building-materials) [ Retail](https://www.bullseyelocations.com/retail) [ Healthcare](https://www.bullseyelocations.com/healthcare) [ Insurance](https://www.bullseyelocations.com/insurance)
Resources
How to get the most from Bullseye
[**Knowledge Base** User guides to get Bullseye up and running quickly](https://kb.bullseyelocations.com/) [**API Documentation** Technical documentation for leveraging the Bullseye API](https://api.bullseyelocations.com/) [**Blog** Location marketing strategies, checklists, and best practices](https://www.bullseyelocations.com/blog) [**Video Guides** Step-by-step video walkthroughs to follow along with](https://www.bullseyelocations.com/video-guides) [**Case Studies** Explore Bullseye’s breadth of custom client solutions](https://www.bullseyelocations.com/casestudies) [**Custom Locators** Let Bullseye build the perfect locator for your needs](https://www.bullseyelocations.com/custom-locators)
[Enterprise](https://www.bullseyelocations.com/enterprise)
[Partners](https://www.bullseyelocations.com/partners/join-bullseye)
[Pricing](https://www.bullseyelocations.com/pricing)
[Login](https://app.bullseyelocations.com/) [Get a Free Trial](https://www.bullseyelocations.com/register/trialsignup?type=find)
# Store Locator Widget – Promote Your Nearest Locations
[Developer Resources](https://blog.bullseyelocations.com/tag/developer-resources) By [Tom Flynn](https://blog.bullseyelocations.com/author/tflynn)
*Update February 18, 2016: You can now create a store locator widget interface in the Admin. Just [login](https://app.bullseyelocations.com) to get started!*
Store locators are often the most visited page on a company’s website, but not always the easiest to find. Now you can integrate a [Bullseye Store Locator Widget](https://www.bullseyelocations.com/products/store-locator-widget) at the bottom of your website or webpage to make it even easier for your customers to quickly find the store location nearest to them.
**Check out the live demo on the bottom of this page…**
### Get Started Setting Up Your Store Locator Widget
*Some basic knowledge of HTML, CSS and jQuery are needed, so pass this guide along to your friendly web developer.*
### Step 1: Download Widget Code
We’ve posted the code at GitHub where you can download the latest version. [Download store locator widget code now. ](https://github.com/BullseyeLocations/nearest-location-widget-2) Save it to your local machine so you can modify the code to point to your Bullseye account and to customize styles.
### Step 2: Edit “bullseyewidget.js”
You’ll need your Search API Key and Client ID. These can be found by logging into your Bullseye Locations [account](https://app.bullseyelocations.com/Admin), click Settings on the top right, then click Account.
Open bullseyewidget.js in your HTML editor and modify lines 12 and 13 to include your Search API Key and Client ID.
You can also update the values below to further customize your widget.
- **searchRadius**-updates the default radius used to find the nearest location. Make this a small number if you have many locations an a large number if you have only a few.
- **displayPhone/displayLocName** -Control which data elements display
- **linkToLocalLocator**-If you’ve got a more advanced store locator somewhere link to this so users can search by category or with other filters.
- **MapIconSrc**-Use this to reference custom map-icon and a custom ajax loader be sure that the names of the files are: “map-icon.png” and “ajax-loader.gif”
- **locationTerm**-Are your customers looking for stores, locations, dealers? Update this value to the appropriate term.
- **locatorHeadingText**-The copy that appears in the header.
- **defaultLocationImg**-This image is displayed in the event that a location does not have a location thumbnail assigned to it.
### Step 3: Upload widget elements
Upload bullseyewidget.js and bullseyewidget\_style.css to a directory on your website and make a note of the path.
### Step 4: Add the Widget to Your Pages
Update the URL references in the code below to point to the location of the bullseyewidget.js file and the bullseyewidget\_style.css file. Then add the following code to the page or pages where you want the widget to appear. You will only need to include the jQuery code if you don’t already have a reference to it on your page.
**Make sure to include the jQuery and CSS code below in the :**
**Above the closing tag, include the code below for the Bullseye container div, “bullseyewidget.js”, and jQueryUI cdn script:**
*HINT: If you’re using a CMS, be aware that the head code will most likely come from a template file and that file will differ from one CMS to another. If you want the widget to appear throughout the site, you’ll want to add the widget code to a page template file.*
### Step 5: Styling (optional)
Color and styling edits can be made to “bullseyewidget\_style.css” to match your brand. Of course, you’ll need to download, edit and re-upload.
Pretty simple, right?! Go ahead and try this store locator widget on your website, then share your examples with us on Twitter using **#bullseyewidget**.
Share this article
[mailto:?subject=Check%20%20%20%20%20%20%20%20%20out%20https://blog.bullseyelocations.com/store-locator-widget-bullseye&utm_medium=social&utm_source=email%20&body=Check%20out%20https://blog.bullseyelocations.com/store-locator-widget-bullseye&utm_medium=social&utm_source=email](mailto:?subject=Check%20%20%20%20%20%20%20%20%20out%20https://blog.bullseyelocations.com/store-locator-widget-bullseye&utm_medium=social&utm_source=email%20&body=Check%20out%20https://blog.bullseyelocations.com/store-locator-widget-bullseye&utm_medium=social&utm_source=email)
## Related Blog Posts
### [ Bullseye Locations Launches Embeddable Store Locator Map with Automatic Location Detection](https://blog.bullseyelocations.com/blog/store-locator-map)
### [ Top 3 Reasons You Need A Store Locator Widget](https://blog.bullseyelocations.com/3-reasons-you-need-a-store-locator-widget)
### [ Using Location Based Services For Your Mobile Store Locator](https://blog.bullseyelocations.com/blog/using-location-based-services-for-your-mobile-store-locator)
[View All Posts](https://blog.bullseyelocations.com)
Bullseye
[Why Bullseye?](https://www.bullseyelocations.com/why-bullseye) [Pricing](https://www.bullseyelocations.com/pricing) [Enterprise](https://www.bullseyelocations.com/enterprise) [Location Search](https://www.bullseyelocations.com/features-better-results) [SEO Local Pages](https://www.bullseyelocations.com/features-improve-customer-experience) [Lead Capture](https://www.bullseyelocations.com/features-support-dealers) [Events and Promotions](https://www.bullseyelocations.com/features-target-events-and-promotions)
CMS/Integration
[WordPress](https://www.bullseyelocations.com/wordpress-solution) [IVR](https://www.bullseyelocations.com/ivr) [Store Locator Widget](https://www.bullseyelocations.com/store-locator-widget)
HELP
[Knowledge Base](https://kb.bullseyelocations.com/) [API Documentation](https://api.bullseyelocations.com/) [Blog](https://www.bullseyelocations.com/blog) [Video Guides](https://www.bullseyelocations.com/video-guides) [Case Studies](https://www.bullseyelocations.com/casestudies) [Custom Locators](https://www.bullseyelocations.com/custom-locators) [For Developers](https://www.bullseyelocations.com/for-developers) [For Agencies](https://www.bullseyelocations.com/for-agencies)
About Us
[About Bullseye](https://www.bullseyelocations.com/about-bullseye) [Team](https://www.bullseyelocations.com/company/team) [Partners](https://www.bullseyelocations.com/partners) [Media Center](https://www.bullseyelocations.com/media-center) [Privacy Policy](https://www.bullseyelocations.com/privacypolicy) [Terms of Use](https://www.bullseyelocations.com/register/terms) [Contact Us](https://www.bullseyelocations.com/contact-us)
CUSTOMER SUPPORT [1 (800) 606-1415](tel:+18006061415)
COPYRIGHT 2000-2026 BULLSEYE LOCATIONS
```json
{
"@context" : "https://schema.org",
"@type" : "BlogPosting",
"author" : {
"@type" : "Person",
"name" : "Tom Flynn",
"url" : "https://blog.bullseyelocations.com/author/tflynn"
},
"dateModified" : "2024-01-23T20:32:03.081Z",
"datePublished" : "2015-08-06T15:10:13.000Z",
"headline" : "Store Locator Widget – Promote Your Nearest Locations",
"image" : [ "https://blog.bullseyelocations.com/hubfs/Imported_Blog_Media/bullseyedetails.jpg" ],
"mainEntityOfPage" : {
"@id" : "https://blog.bullseyelocations.com/store-locator-widget-bullseye",
"@type" : "WebPage"
},
"publisher" : {
"@type" : "Organization",
"logo" : {
"@type" : "ImageObject",
"url" : "https://blog.bullseyelocations.com/hubfs/bullseye-logo-1.png"
},
"name" : "Bullseye Locations"
}
}
```