Lokalizator sklepów WooCommerce: punkty odbioru i oddziały

Jeśli sklep WooCommerce ma fizyczne punkty, klient będzie chciał je szybko znaleźć. Chce wiedzieć, który oddział jest najbliżej, gdzie działa odbiór osobisty, które sklepy mają daną markę albo gdzie jest punkt serwisowy. WooCommerce w standardzie nie przechowuje takich miejsc, więc adresy często lądują w stopce, na stronie “O nas” albo w PDF-ie. Ten przewodnik pokazuje, czym jest lokalizator sklepów, kiedy wystarczy przeszukiwalna lista i jak darmowa wtyczka Locator dodaje taki katalog bez klucza map i bez zewnętrznej usługi.

Czym właściwie jest lokalizator sklepów

Lokalizator sklepów to strona, która wymienia fizyczne miejsca powiązane ze sklepem i pomaga kupującemu wybrać właściwe. “Miejsca” zależą od rodzaju działalności. Dla marki sprzedawanej przez resellerów to punkty handlowe. Dla sieci to oddziały. Dla sklepu oferującego odbiór osobisty to punkty odbioru. Dla sprzętu wymagającego serwisu to punkty serwisowe. Wspólny mianownik jest taki, że każda lokalizacja to mały, uporządkowany rekord: nazwa, adres, sposób kontaktu i godziny otwarcia.

Zadaniem lokalizatora jest wziąć ten zbiór rekordów i przedstawić go tak, żeby klient mógł go przejrzeć, zawęzić do swojej okolicy i podjąć działanie. “Działanie” oznacza zwykle jedną z trzech rzeczy: odczytanie adresu, żeby tam dojechać, sprawdzenie godzin otwarcia, żeby nie trafić na zamknięte drzwi, albo dotknięcie numeru telefonu, żeby zadzwonić wcześniej. Lokalizator, który niezawodnie realizuje te trzy rzeczy, spełnił swoje zadanie, niezależnie od tego, czy rysuje mapę.

Dlaczego przeszukiwalna lista często wystarcza

Pierwsze skojarzenie ze słowem “lokalizator sklepów” to interaktywna mapa pokryta pinezkami. Mapy są przydatne, gdy geografia naprawdę decyduje: gdy klient stoi w jakimś miejscu i potrzebuje najbliższego oddziału spośród pięćdziesięciu. Ale dla bardzo wielu sklepów lepszym narzędziem jest lista i przychodzi bez całego bagażu, który niesie ze sobą mapa.

Osadzona mapa prawie zawsze oznacza usługę zewnętrzną. Taka usługa chce klucza API, konta i coraz częściej rozliczenia, które nalicza opłatę za każde wczytanie mapy. Ładuje zewnętrzne skrypty i kafelki, które spowalniają stronę i dokładają śledzenie, o które odwiedzający nie prosił. I lubi zawodzić dokładnie w sytuacjach, w których klient najbardziej potrzebuje adresu, na przykład przy słabym połączeniu mobilnym. Zwykła lista lokalizacji, wyrenderowana bezpośrednio na stronie, nie ma żadnej z tych słabości: ładuje się razem ze stroną, działa bez JavaScriptu i pokazuje adres niezależnie od tego, czy mapa kiedykolwiek się wczyta.

Uwaga: Darmowa wtyczka Locator nie potrzebuje klucza API Map Google ani zewnętrznej usługi. Każda lokalizacja jest renderowana bezpośrednio w HTML strony, więc katalog działa nawet przy wyłączonym JavaScripcie.

Dla większości katalogów lokalizacji klient nie potrzebuje pinezek na mapie, żeby wybrać. Potrzebuje znaleźć swoje miasto na liście i odczytać szczegóły, a pole wyszukiwania, które filtruje tę listę podczas pisania, doprowadza go do celu szybciej niż przesuwanie mapy. Mapa zaczyna być warta swojej ceny dopiero wtedy, gdy lista urośnie na tyle, że jej przeglądanie staje się męczące, albo gdy decyzja zakupowa naprawdę zależy od względnej odległości.

Czego potrzebuje dobry lokalizator sklepów

Niezależnie od tego, czy budujesz, kupujesz, czy instalujesz, lokalizator sklepów dla WooCommerce powinien zapewnić kilka podstaw:

• Łatwe zarządzanie lokalizacjami. Każdy sklep dodajesz raz, w panelu administracyjnym, w uporządkowanych polach. Bez edytowania plików szablonu, żeby dodać sklep.
• Właściwe pola przy każdej lokalizacji. Nazwa, pełny adres, telefon, e-mail i godziny otwarcia pokrywają to, czego klient potrzebuje, żeby dojechać, zadzwonić lub zaplanować wizytę.
• Wyszukiwanie zrozumiałe dla kupującego. Filtrowanie po mieście, kodzie pocztowym lub nazwie sklepu, słowami, które klient faktycznie wpisuje.
• Kontrola nad tym, co się pokazuje. Nie każdy sklep chce publikować numer telefonu czy godziny na każdej karcie, więc wyświetlanie powinno być wyborem.
• Solidne zachowanie front-endu. Katalog powinien ładować się szybko, renderować bez przeskoków układu i pozostawać użyteczny dla osób korzystających z klawiatury i czytników ekranu.
• Prywatność domyślnie. Lokalizator nie powinien po cichu wysyłać danych odwiedzających do zewnętrznego dostawcy map tylko po to, żeby wyświetlić adres.

Zwróć uwagę, co celowo jest na tej liście opcjonalne: sama mapa. Mapa to decyzja o prezentacji, którą podejmujesz na bazie dobrych danych o lokalizacjach, a nie warunek konieczny posiadania lokalizatora.

Jak radzi sobie z tym Locator

Locator dla WooCommerce to darmowa, otwartoźródłowa wtyczka, która dodaje dokładnie taki katalog. Całość opiera się na dwóch ideach: każdy sklep to rekord, którym zarządzasz w wp-admin, a shortcode [locator] drukuje te rekordy jako przeszukiwalną listę w dowolnym miejscu.

Przeszukiwalny katalog sklepów w witrynie, bez klucza map i bez zewnętrznej usługi.

Rekordy sklepów

Locator rejestruje lokalizacje sklepów jako własny typ wpisu, który pojawia się w menu WooCommerce jako Lokalizacje sklepów. Każda lokalizacja przechowuje pola potrzebne klientowi: nazwę, opis, adres, miasto, kod pocztowy i kraj, numer telefonu, adres e-mail oraz godziny otwarcia. Locator zapisuje też opcjonalną szerokość i długość geograficzną przy każdej lokalizacji, wpisywaną ręcznie, której darmowa wtyczka nie rysuje, ale dodatek może jej użyć do mapy. Ponieważ każda lokalizacja to zwykły wpis WordPressa, tworzysz je, edytujesz, porządkujesz i usuwasz narzędziami, które już znasz, bez własnego kodu.

Katalog w sklepie

Katalog umieszczasz jednym shortcode’em. Wstaw [locator] na dowolnej stronie, a Locator wyrenderuje każdy sklep jako kartę na liście. Nazwa sklepu pokazuje się zawsze, a pod nią karta drukuje blok adresu, godziny otwarcia i numer telefonu dla każdego sklepu, który ma te wartości. Numer telefonu jest renderowany jako link do połączenia, więc dotknięcie go na telefonie od razu wybiera numer sklepu.

Co istotne, każda lokalizacja jest wydrukowana w HTML strony. Katalog jest w pełni widoczny nawet przy wyłączonym JavaScripcie, co utrzymuje jego niezawodność przy słabych połączeniach i przyjazność dla wyszukiwarek. Nie ma mapy, klucza Map Google, wywołania API ani zewnętrznego skryptu. Jak ujmuje to sam opis wtyczki, dane sklepu nigdy nie opuszczają Twojej witryny.

Pole wyszukiwania

Gdy JavaScript działa, Locator dokłada zachowanie wyszukiwania. Pole wyszukiwania znajduje się nad wynikami i w miarę jak odwiedzający pisze, wtyczka ukrywa i pokazuje karty pasujące do zapytania, filtrując po nazwie sklepu, adresie, mieście, kodzie pocztowym i kraju. Wszystko to dzieje się w przeglądarce, więc podczas pisania nie jest wysyłane żadne żądanie, a nic z wyszukiwania kupującego nigdzie nie trafia. Jeśli wymieniasz tylko kilka sklepów, możesz całkowicie wyłączyć pole wyszukiwania i pokazać same karty.

Wskazówka: Uzupełniaj miasto i kod pocztowy konsekwentnie przy każdej lokalizacji. To pola, które dopasowuje wyszukiwarka, więc sklepu z pustym polem miasta nie znajdzie kupujący wpisujący swoje miasto.

Ustawienia

W WooCommerce → Lokalizator sklepów sterujesz dwiema rzeczami. Po pierwsze, czy pole wyszukiwania pojawia się nad wynikami, które zostawisz włączone dla każdej listy na tyle długiej, że trzeba ją przewijać, a wyłączysz dla garstki sklepów. Po drugie, które pola szczegółów pojawiają się na każdej karcie: adres, godziny otwarcia i telefon mają osobne przełączniki, a każde renderuje się tylko wtedy, gdy dany sklep faktycznie ma daną wartość, więc nigdy nie zobaczysz pustej etykiety “Telefon:” przy sklepie, który go nie ma. Strona ustawień zawiera pomoc kontekstową pod każdą opcją, a nawet pokazuje przykładową kartę, która aktualizuje się zgodnie z zaznaczonymi polami, więc widzisz wynik, zanim odwiedzisz stronę na żywo.

Jakość front-endu

Kilka rzeczy sprawia, że katalog wygląda na dopracowany, a nie doklejony. Liczba wyników jest ogłaszana przez region ARIA live w miarę filtrowania listy, pole wyszukiwania jest w pełni obsługiwane z klawiatury, a karty mają widoczne obrysy fokusu, więc lokalizator działa dla technologii wspomagających, nie tylko dla myszy. Arkusz stylów i skrypt ładują się tylko na stronach, na których shortcode faktycznie się wyrenderował, a nie w całej witrynie, a struktura jest zbudowana tak, by unikać przeskoków układu, gdy karty się pojawiają i filtrują. Style sklepu podążają za preferencją jasnego lub ciemnego motywu odwiedzającego i respektują ustawienie ograniczonego ruchu. Wtyczka jest gotowa do tłumaczenia i dostarcza plik POT.

Konfiguracja krok po kroku

Uruchomienie katalogu zajmuje kilka minut:

Każda lokalizacja to rekord, którym zarządzasz w wp-admin, z adresem, godzinami i danymi kontaktowymi.

1. Zainstaluj wtyczkę z Wtyczki → Dodaj nową albo wgraj ją do /wp-content/plugins/locator. WooCommerce musi być zainstalowane i aktywne.
2. Aktywuj ją.
3. Przejdź do WooCommerce → Lokalizacje sklepów i dodaj swoje sklepy, uzupełniając adres, telefon, godziny i wszelkie inne szczegóły, które chcesz pokazać.
4. Otwórz WooCommerce → Lokalizator sklepów i wybierz, czy pole wyszukiwania ma się pokazywać i które pola pojawiają się na każdej karcie.
5. Dodaj shortcode [locator] na dowolnej stronie, na przykład “Gdzie kupić” lub “Znajdź sklep”, i opublikuj.

To cały proces. Od tej chwili dodanie sklepu sprowadza się do dodania kolejnego rekordu lokalizacji, a strona aktualizuje się sama.

Praktyczne wskazówki dla użytecznego lokalizatora

Wtyczka daje mechanizm. Kilka nawyków sprawia, że katalog jest naprawdę przydatny:

• Wpisuj adresy tak, jak klienci szukają. Uzupełniaj miasto i kod pocztowy konsekwentnie, bo to pola, które dopasowuje wyszukiwarka. Sklepu z pustym polem miasta nie znajdzie ktoś, kto wpisze swoje miasto.
• Utrzymuj aktualne godziny otwarcia. Najbardziej frustrujący lokalizator to taki, który wysyła klienta do sklepu, który okazuje się zamknięty. Jeśli godziny zmieniają się sezonowo, zaktualizuj rekord, zamiast zostawiać nieaktualne godziny na karcie.
• Zdecyduj, co publikować na każdej karcie. Sieć lokalizacji dealerskich może pokazywać adres i godziny, ale nie numer telefonu, a Twoje własne oddziały mogą pokazywać wszystkie trzy. Użyj przełączników pól, żeby dopasować katalog do rodzaju lokalizacji, które wymieniasz.
• Nadaj stronie nazwę łatwą do znalezienia. “Znajdź sklep”, “Gdzie kupić” lub “Punkty odbioru” to frazy, których szukają klienci. Linkuj do niej ze stopki i z zamówienia, żeby była łatwo dostępna.
• Sięgnij po mapę dopiero, gdy lista na nią zasłuży. Jeśli katalog urośnie ponad próg, przy którym przeglądanie jest wygodne, albo gdy odległość decyduje, to moment, w którym mapa zaczyna się opłacać.

Uwaga: Mapa to decyzja o prezentacji nałożona na dobre dane o lokalizacjach, a nie warunek konieczny lokalizatora. Zaczyna się opłacać dopiero wtedy, gdy lista jest na tyle długa, że jej przeglądanie staje się męczące, albo gdy odległość naprawdę przesądza o wyborze.

Locator kontra standardowy WooCommerce

WooCommerce nie ma żadnego lokalizatora sklepów. Oto różnica konkretnie dla fizycznych lokalizacji:

Funkcja	Standardowy WooCommerce	Locator
Zarządzanie fizycznymi lokalizacjami	Brak	Typ wpisu Lokalizacje sklepów w menu WooCommerce
Pola przy lokalizacji	nie dotyczy	Nazwa, adres, miasto, kod pocztowy, kraj, telefon, e-mail, godziny, współrzędne
Katalog w sklepie	Brak	Shortcode [locator] drukuje przeszukiwalną listę kart
Wyszukiwanie dla klienta	Brak	Filtr po stronie przeglądarki: nazwa, adres, miasto, kod pocztowy, kraj
Telefon klikalny do połączenia	nie dotyczy	Tak, na kartach, gdzie telefon jest pokazany
Działa bez JavaScriptu	nie dotyczy	Tak, każda lokalizacja jest w HTML strony
Zewnętrzna usługa map	nie dotyczy	Brak w wersji darmowej; dane nie opuszczają witryny
Dostępność	nie dotyczy	Licznik ARIA live, wyszukiwanie z klawiatury, widoczny fokus na kartach
Widok mapy	Brak	Dodatek ([locator_map] w Locator Pro)
Koszt	Darmowy (bez lokalizatora)	Darmowy; Pro dodaje mapę, regiony i import CSV

Wersja darmowa kontra Pro

Edycja darmowa to kompletny katalog, a nie zajawka: zarządzane rekordy lokalizacji, przeszukiwalna lista kart, przełączniki pól i dostępny front-end są w niej zawarte, a sama darmowa wtyczka wystarcza większości sklepów. Locator Pro to osobny dodatek, dystrybuowany przez Freemius, który wymaga zainstalowanej i aktywnej darmowej wtyczki, i rozszerza ją, a nie zastępuje. Pro dodaje trzy rzeczy. Interaktywną mapę: shortcode [locator_map] renderuje każdą zgeolokalizowaną lokalizację na mapie zbudowanej na Leaflet i kafelkach OpenStreetMap, bez klucza API, bez konta i bez rozliczeń za wczytanie, a przy braku JavaScriptu sprowadza się do listy renderowanej po stronie serwera. Grupowanie po regionach: listę [locator] można pogrupować po polu Region przy każdym sklepie, a sklepy bez regionu trafiają do swojego kraju. Oraz zbiorczy import CSV: dedykowany ekran importu tworzy lub aktualizuje lokalizacje z pliku CSV, co liczy się, gdy zarządzasz dziesiątkami sklepów, a nie garstką. Pro jest kompletny przy tych trzech funkcjach; nie planuje się kolejnych płatnych dokładek.

W skrócie

WooCommerce potrafi sprzedawać i wysyłać, ale nie ma pojęcia, gdzie są Twoje fizyczne lokalizacje, więc lądują porozrzucane po witrynie w miejscach, których klient nie przeszuka. Lokalizator sklepów zamienia te lokalizacje w uporządkowane rekordy i przedstawia je tak, żeby kupujący mógł znaleźć najbliższy, odczytać godziny i zadzwonić wcześniej. Dla większości sklepów szybka, przeszukiwalna lista bije osadzoną mapę: ładuje się razem ze stroną, działa bez JavaScriptu i nigdy nie przekazuje danych odwiedzających zewnętrznej usłudze. Darmowa wtyczka Locator dostarcza dokładnie to, z zarządzanymi lokalizacjami, shortcode’em [locator], wyszukiwaniem po stronie przeglądarki i dostępnym front-endem. Po Locator Pro sięgnij dopiero wtedy, gdy naprawdę potrzebujesz interaktywnej mapy, grupowania po regionach lub importu CSV.