How to set up and style the Store Locator widget in Elementor.
Store Locator shows your locations as a list next to a map with markers. Visitors can search, filter by category, and sort by distance from their own position. The map uses the Leaflet library that ships with the plugin and OpenStreetMap map pictures by default, and you type the coordinates of each location yourself.
Part of: Bright Addons Pro. Before you start: The latitude and longitude of each location. The map pictures load from OpenStreetMap or the map service you choose, so mention it in your privacy notice. The location button works on https sites only.
| Option | What it does |
|---|---|
| Locations | The list of locations. Each row is one store. |
| Name | The name of the location. |
| Address | The address shown in the list and popup, and used by the search. |
| Latitude | The first coordinate (between -90 and 90). You can paste both numbers here, separated by a comma. |
| Longitude | The second coordinate (between -180 and 180). A location without valid numbers is not shown. |
| Opening Hours | The opening hours as text. |
| Categories / Tags | Comma separated tags used by the category filter and the search. |
| Custom Button Text | Text of an extra button with your own link. |
| Featured | Featured locations are listed first and can have their own marker color. |
| Badge | A short label next to the name. |
| Marker Color | A marker color for this location only. |
| Directions Link | A plain link that opens directions on a maps site in a new tab. |
| Option | What it does |
|---|---|
| Layout | List left, right, above or below the map, Map only or List only. |
| List Width | The width of the list beside the map. |
| Map Height | The height of the map. |
| Stack List and Map | Stacks them on phones, or on tablets and phones. |
| Order When Stacked | Map first or list first. |
| List / Map Tabs on Small Screens | Shows two tabs where list and map are stacked, so only one is on screen at a time. |
| Option | What it does |
|---|---|
| Name HTML Tag | The heading tag of the location name. |
| List Number | Shows a number in front of each row. |
| Website Button | Shows a button to the website of the location. |
| Directions Button Text | Text of the directions button. |
| Directions Open On | Google Maps or Apple Maps. The link carries only the coordinates. |
| Featured Badge Text | Shown on featured locations that have no badge of their own. |
| Option | What it does |
|---|---|
| Search Field | Filters the list and markers while the visitor types. Nothing is sent anywhere. |
| "Use My Location" Button | Asks the browser for the position of the visitor when clicked, then sorts by distance. |
| Distance Unit | Kilometers or Miles. |
| Distance Filter | A select box that keeps only locations within a distance. It appears after the location button is used. |
| Distances | The distance choices, as numbers separated by commas. |
| Category Filter | None, Buttons or Select box. |
| Allow Several Categories at Once | Lets visitors pick more than one category. |
| Result Count | Shows the number of locations found. |
| Option | What it does |
|---|---|
| Map Source | OpenStreetMap (no key needed), Custom tile address, or Google Maps (your own API key). |
| Tile Address | The address of your own tile provider. It must start with https:// and contain {z}, {x} and {y}. |
| Google Maps API Key | Your own key from the Google Cloud console with the Map Tiles API switched on. |
| Marker Shape | Pin, Dot, Rings or Number. |
| Group Close Markers | Shows markers that would overlap as one circle with their number. |
| Fit All Markers on Load | Zooms the map so every marker is in view. |
| Start Zoom | The zoom level from 1 (whole world) to 19 (a single building). |
| Zoom With the Mouse Wheel | Off keeps the page scrolling while the pointer is over the map. |
| Option | What it does |
|---|---|
| Popup | Opens a popup with the details when a marker is chosen. |
| Option | What it does |
|---|---|
| No Results Message | The text shown when no location matches. |
| Map Background Not Loaded | Shown on the map when the map service cannot be reached. |
| Option | What it does |
|---|---|
| Add LocalBusiness Data for Search Engines | Prints name, address, coordinates, phone, email, image and website of every location as structured data. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $16 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
colors, border, radius, padding and the space between bar items.
colors for each state, Space Between, Alignment and Margin.
typography and colors of the count, the distance note and the messages.
the tab bar and its buttons.
box, Space Between Rows, row colors, Image Size and Image Border Radius.
typography, colors, Icon Size and spacing.
border, radius, the Zoom Buttons, the Map Credit and the Map Not Loaded Message.
Size, Active Marker Scale, colors, Outline Width and the Marker Groups.
Width, Padding, text styles, Close Button, Image Height and buttons.
No. The default Map Source is OpenStreetMap, which needs no key. A key is only needed if you choose Google Maps, and it must have the Map Tiles API switched on.
No. The widget does not look up addresses. Enter the coordinates of each location by hand.
The map pictures (tiles) load from the chosen map service in the browser of the visitor once the map scrolls into view. The map code itself ships with the plugin.
No. The browser is asked only when the button is clicked, and the position stays in the browser.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide