A where-to-buy page
Shoppers type a town or postcode, see the retailers near them, and filter by the product, flavour or line they want. Online retailers sit in their own tab so a shopper with no nearby store still has somewhere to buy. Brands of every size run this: a single-product founder with thirty stockists, or a national brand with thousands of doors.
Three steps, most brands finish in half an hour.
1. Add your retailers with what they carry
Each retailer needs a name and an address. What it carries goes in Categories, one tag per product, and those tags become the product filter.
| Name | Address | Categories | | --- | --- | --- | | Whole Foods | 525 N Lamar Blvd, Austin TX | Habanero Reserve, Smoky Chipotle | | Sprouts | 4030 S Lamar Blvd, Austin TX | Habanero Reserve | | Amazon | (online) | Habanero Reserve, Smoky Chipotle, Organic Hot Sauce |
Pick whichever way of getting them in fits your data:
- Type them in. Fine under fifty retailers. Tick the products on each location's Categories tab.
- Import a CSV. Map the product column to Categories during column mapping. Addresses are geocoded on the way in. A file that lists the same store once per product folds into one pin with every product as a tag; see distributor reports.
- Sync a source. Google Sheets, Airtable, Webflow CMS or HubSpot, so edits flow through on a schedule.
- Ask Claude or ChatGPT. Paste the list into the connector and say which tag each retailer gets.
Selling one product, or every retailer carries the full line? Leave the tags out and shoppers get a clean map of stockists.
Online retailers are locations with the type Online only: no address, no distance, and they appear in the locator's online tab. Give them the same product tags so the filter applies there too, and the country codes they ship to, so a shopper searching in Canada sees the retailer that delivers there rather than the one that only ships within the US.
2. Set up the product filter
- 1
Group the tags
Open Categories and put the product tags in a group called Products (or Flavours, Lines). Groups become their own filter section; see group related options. - 2
Give each product an image or icon
A tag can carry a small uploaded image, which shows in the filter and beside the tag on the card. A product shot at 64 pixels is enough for a shopper to recognise the bottle. - 3
Choose the filter style
Dropdown per group keeps a long product list compact; inline checkboxes suit five products or fewer. Both are under configure filter behaviour.
3. Put it on your site
Copy the embed from Embed & Install onto your where-to-buy page. Each platform has its own page: Shopify, WordPress, Webflow, Squarespace, Wix.
Find it near me on product pages
A product page can link to the locator with that product's filter already applied, so the shopper lands on retailers that carry the thing they are looking at. Build the link with the tag's slug: https://example.com/where-to-buy?loc_tags=habanero-reserve. Add &loc_near= and a place to pre-fill the search too; the full format is on the pre-filled search page.
On a page that has the locator on it, a button can do the same in place with the JavaScript API: locator.setFilters(["habanero-reserve"]) then locator.locate().
Keep it current
Retailers come and go. A synced source flags a store that disappears rather than deleting it, so a dropped row is a review decision, not a silent removal. The Location API and webhooks connect a retailer database that lives elsewhere.