Problem: klienci nie wiedzą gdzie mogą odebrać zamówienie
Sklepy internetowe z punktami stacjonarnymi mają problem — klienci pytają „gdzie można odebrać zamówienie?" albo szukają sklepu w swoim mieście. Lista adresów na stronie /kontakt to za mało. Klienci chcą zobaczyć mapę, sprawdzić odległość, kliknąć i zadzwonić.
Google Maps embed wymaga klucza API i opłat przy większym ruchu. Statyczne obrazki nie pozwalają na interakcję. Witly Store Locator rozwiązuje to jednym widgetem — darmowe mapy OpenStreetMap, konfiguracja w panelu, zero kodu na stronie.
Jak to działa? Od konfiguracji do mapy na stronie
Cały proces zajmuje kilka minut — włączasz aplikację, podajesz gdzie ma się pojawić, dodajesz lokalizacje i mapa jest gotowa.
Włączasz aplikację w panelu
Mikro aplikacje → Mapa sklepów. Ustawiasz tryb: podgląd (tylko dla Ciebie) lub publiczny.
Podajesz selektor CSS
Gdzie na stronie ma pojawić się mapa? Np. #mapa-sklepow, .kontakt-mapa lub dowolny element DOM.
Wybierasz styl mapy
5 darmowych warstw do wyboru: klasyczny OSM, minimalistyczny CARTO Voyager lub Light, i inne.
Dodajesz lokalizacje
Nazwa sklepu, adres, miasto, współrzędne GPS, telefon, email, godziny otwarcia — wszystko w formularzu.
Mapa pojawia się na stronie
Widget renderuje mapę z pinezkami. Kliknięcie w pinezkę pokazuje popup z danymi kontaktowymi.
Co widzi klient po kliknięciu w pinezkę?
Każda pinezka na mapie po kliknięciu wyświetla popup z pełnym kompletem informacji o lokalizacji. Klient może od razu zadzwonić (link tel:) lub napisać email (link mailto:).
- Nazwa sklepu / punktu odbioru
- Pełny adres (ulica, numer, kod, miasto)
- Numer telefonu (klikalny — otwiera dialer)
- Adres email (klikalny — otwiera klienta pocztowego)
- Godziny otwarcia (per dzień tygodnia)
- Opcjonalny opis (np. „Parking za budynkiem")
- Opcjonalny link przekierowujący (np. do strony punktu odbioru)
- Nawigacji do punktu (klient używa swojej aplikacji map)
- Informacji o dostępności produktów (to nie integracja z magazynem)
- Rezerwacji terminu odbioru (to oddzielna funkcjonalność)
Darmowe mapy — bez opłat za API
Widget korzysta z biblioteki Leaflet i darmowych warstw mapowych. Nie płacisz za wyświetlenia, nie potrzebujesz klucza API. Jedyny wymóg to atrybucja — widget wyświetla ją automatycznie w rogu mapy.
Dostępne style mapy
| Styl | Źródło | Dla kogo |
|---|---|---|
| Standard | OpenStreetMap | Uniwersalny, szczegółowy — dobry dla większości sklepów |
| Humanitarian | OpenStreetMap HOT | Wyraźniejsze drogi i nazwy — lepsza czytelność na mobile |
| CyclOSM | OpenStreetMap | Ścieżki rowerowe — dla brandów outdoorowych, sportowych |
| Voyager | CARTO | Minimalistyczny, subtelne kolory — nie odciąga od pinezek |
| Light | CARTO | Najbardziej stonowany — dla sklepów premium, minimalistycznych |
Opcjonalnie: lista adresów pod mapą
Jeśli masz wiele lokalizacji, sama mapa może być niewystarczająca. Włącz opcję „Wyświetlaj listę adresów" i pod mapą pojawi się responsywny grid z kartami adresowymi.
Mapa sklepów w 5 minut — bez kodu, bez opłat
Store Locator jest dostępny w każdym planie Witly. Konfiguracja zajmuje kilka minut — włączasz aplikację, podajesz selektor CSS, dodajesz lokalizacje. Mapa pojawia się natychmiast na stronie sklepu. Darmowe mapy OpenStreetMap i CARTO, zero kodu do wklejania.