How to Build a Store Locator with Div-idy
Div-idy can generate a store locator in one prompt. Just add the address (or a list of addresses) and describe how you want users to search and view locations.
Quick Answer
To build a store locator with Div-idy, just type the address (or multiple addresses) into your prompt and say you want a store locator. Div-idy will generate the page, including a locations list and a locator-style UI.
“Build a store locator page for these addresses: (paste addresses). Add a search box and show each location’s name, address, phone, and hours.”
Step-by-Step
Open (or create) your project
Go to your projects dashboard and open the project where you want the store locator.
Open: /myaccount
Click a project → open the editor.Add the address(es) to your prompt
Paste a single address or a list of addresses and clearly say you want a store locator.
Prompt example:
Create a store locator page for these locations:
1) 123 Main St, Omaha, NE 68102
2) 456 Maple Ave, Lincoln, NE 68508
3) 789 Oak St, Kansas City, MO 64106
Add a search input and show a list of locations.Describe how users should find locations
Tell Div-idy what “store locator” means for your use case (search by city, zip, distance, etc.).
Optional prompt details:
- Search by city/state/zip
- Sort by closest location
- Filter by “Open now”
- Show phone, hours, and a “Get Directions” button
- Mobile-friendly layout with a sticky search barGenerate and test
Click Generate, then test the search and location results.
Click: Generate
Test: search, filters, and layout on mobile.Iterate with follow-up prompts
If you want the locator to feel more “polished,” prompt improvements and extra features.
Follow-up prompt examples:
- Add a map next to the list and highlight the selected location.
- Add a “Use my location” button to sort by distance.
- Add filters for “Open now” and “Has parking”.
- Make each location card clickable with a details panel.Prompt Examples You Can Copy
Single-location locator
A quick locator for one main store (useful for small businesses).
Create a store locator webpage for:
"120 Regency Pkwy, Omaha, NE 68114"
Include a search bar (city/zip), a location card with hours + phone,
and a “Get Directions” button.Multi-location list
A list of stores with search and filters.
Build a store locator for these addresses:
- 123 Main St, Omaha, NE 68102
- 456 Maple Ave, Lincoln, NE 68508
- 789 Oak St, Kansas City, MO 64106
Add a search box and filters for “Open now” and “Has delivery”.Map-first locator
A locator with a large map and a smaller list below.
Create a store locator with a large Google Map at the top.
Add markers for each location and a scrollable list below it.
Locations:
1) 123 Main St, Omaha, NE 68102
2) 456 Maple Ave, Lincoln, NE 68508
3) 789 Oak St, Kansas City, MO 64106