Dobre filtry w sklepie WooCommerce nie powinny pokazywać klientowi wszystkiego, co da się technicznie odfiltrować. Powinny skracać drogę do produktu. W brytyjskim sklepie z odzieżą najczęściej będą to rozmiar, kolor, marka, typ produktu i cena. W sklepie z elektroniką ważniejsze mogą być marka, kompatybilność, parametry techniczne i dostępność. Największy błąd to utworzenie kilkunastu filtrów tylko dlatego, że dane istnieją w bazie.
Filtry powinny być projektowane razem ze strukturą kategorii, wariantami produktów i danymi w feedzie. Jeżeli „Black”, „black”, „Jet Black” i „BLK” są czterema wartościami tego samego koloru, nawet najlepsza wtyczka filtrująca pokaże klientowi bałagan.
Filtr nie zastępuje dobrej kategorii
Kategoria odpowiada na pytanie: jakiego typu produktu szukam? Filtr odpowiada: jak zawęzić wybór wewnątrz tej kategorii?
Jeżeli sklep ma kategorię „Men’s Running Shoes”, nie ma sensu budować filtra „Running Shoes”. To już zostało określone przez stronę kategorii. Lepsze filtry to rozmiar, marka, kolor, nawierzchnia, amortyzacja czy zakres cenowy — o ile te informacje są rzeczywiście obecne w danych produktów.
Najpierw uporządkuj atrybuty WooCommerce
WooCommerce pozwala tworzyć globalne atrybuty, takie jak:
- Size;
- Colour;
- Brand;
- Material;
- Capacity;
- Compatibility.
Globalny atrybut jest zwykle lepszą podstawą filtra niż przypadkowe pole tekstowe dodawane osobno do każdego produktu. Dzięki temu „Blue” jest tą samą wartością w całym katalogu.
Rozmiar: najważniejsza jest konsekwencja
Odzież potrafi mieć jednocześnie:
- XS–XXL;
- UK 8–18;
- EU 36–46;
- rozmiary w calach;
- rozmiary producenta.
Jeżeli w jednym filtrze zmieszasz wszystkie systemy, klient może zobaczyć listę kilkudziesięciu wartości. Lepiej ustalić jeden główny system dla kategorii, a przeliczenia pokazać w tabeli rozmiarów na karcie produktu.
Filtr ma pomóc znaleźć produkt dostępny w danym rozmiarze, nie zastępować pełnej informacji o dopasowaniu.
Kolor: ogranicz liczbę nazw do realnych decyzji klienta
Marketingowa nazwa koloru może zostać na karcie produktu. Filtr powinien być prostszy.
Przykład:
| Nazwa wariantu | Grupa filtra |
|---|---|
| Midnight Navy | Navy / Blue |
| Sky Blue | Blue |
| Charcoal | Grey |
| Stone | Beige |
| Forest | Green |
Nie oznacza to, że każdy sklep ma redukować kolory do ośmiu podstawowych nazw. Chodzi o unikanie sytuacji, w której 40 podobnych odcieni tworzy filtr dłuższy niż lista produktów.
Marka: przydatna, jeśli klienci faktycznie jej szukają
W sklepie multibrandowym filtr marki jest naturalny. W sklepie sprzedającym wyłącznie własną markę nie ma żadnej wartości.
Jeżeli marka występuje w feedzie Google Shopping, na karcie produktu i w filtrze, nazwa powinna być spójna. Brak spójności utrudnia nie tylko filtrowanie, ale również późniejsze raportowanie i eksport danych.
Jeżeli rozwijasz kampanie produktowe, zobacz jak przygotować feed WooCommerce do Google Shopping w UK.
Cena: suwak czy gotowe przedziały?
Suwak wygląda efektownie, ale na telefonie bywa mało precyzyjny. Gotowe zakresy cenowe są często prostsze:
- Under £25
- £25–£50
- £50–£100
- £100–£200
- £200+
Przedziały powinny wynikać z rzeczywistego rozkładu cen. Nie twórz zakresu £500–£1000, jeśli masz w nim jeden produkt.
Dostępność: filtr „In stock” musi rozumieć warianty
To jedna z najważniejszych pułapek WooCommerce. Produkt zmienny może istnieć w magazynie, ale konkretny rozmiar lub kolor może być wyprzedany.
Jeżeli klient wybiera filtr „Size 10” i „Black”, powinien zobaczyć produkty, dla których właśnie ta kombinacja ma sens, a nie dowolny produkt mający rozmiar 10 w czerwieni oraz czarny wariant w rozmiarze 14.
Przy problemach z rezerwacją i wariantami przydatny jest poradnik WooCommerce sprzedaje więcej sztuk, niż masz na stanie.
Nie pokazuj pustych filtrów
Po wejściu do kategorii klient nie powinien widzieć wartości, które prowadzą do zera produktów. Jeżeli w „Women’s Coats” nie ma marki X, marka X nie powinna zajmować miejsca na liście tylko dlatego, że występuje gdzieś w katalogu.
Filtrowanie kontekstowe oznacza, że lista wartości zmienia się wraz z kategorią i już wybranymi filtrami.
Mobile: filtry nie mogą zabierać połowy ekranu
Na desktopie boczny panel może działać dobrze. Na telefonie zwykle lepiej użyć przycisku „Filter” otwierającego panel lub pełnoekranową warstwę.
W panelu mobilnym ważne są:
- duże pola dotykowe;
- czytelny przycisk „Apply”;
- widoczny „Clear all”;
- liczba wybranych filtrów;
- brak automatycznego skakania strony przy każdej zmianie;
- zachowanie pozycji po zamknięciu panelu.
Wybrane filtry powinny być widoczne
Po zastosowaniu filtrów pokaż aktywne wartości w formie znaczników, np.:
Size: 10 × Colour: Black × Brand: Adidas ×
Klient powinien móc usunąć jedną wartość bez otwierania całego panelu.
Adres URL i indeksacja: nie twórz tysięcy przypadkowych kombinacji
Filtry mogą generować wiele adresów URL. Dla użytkownika to wygodne, ale dla wyszukiwarki nie każda kombinacja zasługuje na osobną stronę indeksowaną.
Przykład: kategoria może mieć 5 rozmiarów × 8 kolorów × 10 marek × 6 przedziałów ceny. To tysiące kombinacji, z których wiele ma jeden produkt albo zero produktów.
Strategia powinna rozdzielać:
- ważne strony docelowe, które mają własną treść i sens wyszukiwania;
- tymczasowe kombinacje filtrów służące tylko do nawigacji.
W sklepie dwujęzycznym dochodzi dodatkowy problem duplikacji wersji i nazw atrybutów. Zobacz jak zaprojektować sklep PL/EN w UK bez duplikacji struktury.
Filtry a zwroty: szczególnie ważne przy odzieży
Jeżeli klient może szybko znaleźć właściwy rozmiar, materiał i krój, ma większą szansę wybrać produkt zgodny z oczekiwaniem. Filtry nie wyeliminują zwrotów, ale pomagają ograniczyć przypadkowe zakupy.
Warto połączyć je z:
- dobrą tabelą rozmiarów;
- informacją o kroju;
- zdjęciami na modelu;
- pełnym składem materiału;
- jasnym procesem zwrotu.
Sam proces obsługi zwrotów opisuje artykuł zwroty w brytyjskim sklepie internetowym.
Jak wdrażać filtry etapami?
- Wybierz trzy najważniejsze kategorie sklepu.
- Sprawdź, jakie decyzje naprawdę podejmuje klient.
- Ujednolić atrybuty produktów.
- Usuń duplikaty wartości.
- Włącz 3–6 najważniejszych filtrów.
- Przetestuj na telefonie.
- Sprawdź, które filtry są używane.
- Dopiero potem dodawaj kolejne.
FAQ
Ile filtrów powinien mieć sklep WooCommerce?
Nie ma jednej liczby. Lepiej mieć cztery użyteczne filtry niż piętnaście, których klient nie rozumie. Liczba zależy od kategorii i sposobu wyboru produktu.
Czy kolor powinien być atrybutem globalnym?
Zwykle tak, jeśli ma być spójnie używany w wielu produktach i filtrowaniu. Dzięki temu nie powstają przypadkowe duplikaty nazw.
Czy filtry powinny generować osobne strony w Google?
Tylko wybrane kombinacje, które mają realną wartość jako strony docelowe. Masowa indeksacja wszystkich kombinacji często tworzy dużą liczbę słabych adresów.
Dlaczego filtr pokazuje produkt, którego wybrany wariant jest wyprzedany?
Najczęściej filtr pracuje na poziomie produktu nadrzędnego, a nie dokładnej kombinacji wariantów. Wtyczka i konfiguracja muszą rozumieć stock na poziomie wariantu.
Jak sprawdzić, czy filtry pomagają?
Mierz użycie filtrów, współczynnik przejścia do kart produktów, konwersję i liczbę sesji kończących się na „0 wyników”. Te dane pokażą, które filtry skracają drogę do zakupu, a które tylko zajmują miejsce.