Jak ułożyć produkty w WooCommerce, by klient szybciej znalazł produkt?
Zobacz, jak połączyć kategorie, filtry, sortowanie i Product Collection w WooCommerce. Ułóż katalog tak, by klient szybko zawęził wybór i porównał produkty.
Układ produktów WooCommerce powinien prowadzić klienta od ogólnej grupy do konkretnego wyboru. Zacznij od czytelnych kategorii, dodaj filtry odpowiadające cechom produktów, a sortowanie ustaw według tego, co pomaga w danym katalogu. W motywie blokowym możesz ułożyć stronę sklepu w szablonie Product Catalog, korzystając z bloku Product Collection i filtrów WooCommerce. W sklepie z odzieżą klient może zacząć od kategorii „Kurtki”, zawęzić wybór po rozmiarze i kolorze, a potem posortować produkty według ceny.
W skrócie: oddziel kategorie od filtrów, wybierz domyślne sortowanie pasujące do asortymentu, pokaż liczbę wyników i sprawdź katalog na telefonie. Nie eksponuj na stronie głównej każdego rodzaju produktów naraz. Wybierz kolekcję, która pomaga zacząć zakupy, a resztę pozostaw do wyszukania w katalogu.
Układ produktów WooCommerce zacznij od sposobu wyboru
Zastanów się, jak klient opisuje produkt, którego szuka. Kategoria odpowiada na pytanie „jakiego rodzaju produktu potrzebuję?”, filtr pozwala doprecyzować cechę, a sortowanie zmienia kolejność już zawężonej listy. Na przykład „buty do biegania” mogą być kategorią, rozmiar i kolor filtrami, a cena sortowaniem.
Kategorie powinny mieć nazwy zrozumiałe dla kupujących i odzwierciedlać asortyment, a nie wewnętrzny podział magazynu. Przy planowaniu hierarchii pomocny będzie poradnik o [kategoriach sklepu w WooCommerce]( /artykuly/kategorie-sklepu-seo-woocommerce ). Unikaj dublowania tych samych cech w kategoriach i filtrach: jeśli rozmiarów jest wiele, zwykle lepiej udostępnić je jako atrybut do filtrowania niż tworzyć osobną kategorię dla każdego rozmiaru.
| Pytanie klienta | Element katalogu | Przykład zastosowania |
|---|---|---|
| Jakiego rodzaju produktu szukam? | Kategoria | „Kurtki”, „Herbata”, „Akcesoria” |
| Które cechy są dla mnie ważne? | Filtr | Rozmiar, kolor, przedział cenowy lub dostępność |
| Co chcę zobaczyć jako pierwsze? | Sortowanie | Najniższa cena, popularność lub najwyższa ocena |
| Co warto obejrzeć na początek? | Product Collection | Nowości, produkty wyróżnione albo bestsellery |
Ułóż stronę sklepu w Product Catalog
WooCommerce opisuje Product Catalog jako szablon głównej strony sklepu. W motywie blokowym edytujesz go w edytorze witryny, a jego głównym elementem jest Product Collection. Zmiany bezpośrednio na stronie „Sklep” mogą nie być widoczne, jeśli nadrzędny szablon Product Catalog je zastępuje. Dokumentacja WooCommerce pokazuje ścieżkę do edycji szablonu.
- W panelu WordPress przejdź do Wygląd > Edytor.
- Otwórz Szablony > WooCommerce > Product Catalog.
- Wybierz blok Product Collection, żeby dopasować układ i sposób wyświetlania produktów.
- Dodaj blok Product Filters, jeśli kupujący powinni zawężać katalog według ceny, oceny, atrybutów, dostępności, kategorii, marki lub tagu.
- Zapisz zmiany i obejrzyj stronę sklepu na komputerze oraz telefonie.
Ta ścieżka wymaga aktywnego motywu blokowego. WordPress udostępnia edytor witryny właśnie dla takich motywów; nazw elementów interfejsu szukaj w lokalizacji zgodnej z językiem panelu. Dokumentacja WordPressa wyjaśnia wymagania i dostęp do edytora. Instrukcje w tym poradniku odnoszą się do WooCommerce 11.2.1 i WordPressa 7.1.3, wersji dostępnych 17 października 2026 r. Rejestr wydań WooCommerce i komunikat o wydaniu WordPressa 7.1.3 potwierdzają te wersje. Dokumentację sprawdzono 17 października 2026 r.
Jeśli sklep działa na motywie klasycznym, dokumentacja WooCommerce opisuje ustawienia katalogu w Wygląd > Dostosuj > WooCommerce > Katalog produktów. Dostępne ustawienia zależą od motywu i używanych bloków, więc przed edycją sprawdź, czy w panelu widzisz edytor witryny, czy klasyczny konfigurator.
Dobierz Product Collection do celu
Blok Product Collection wyświetla produkty w siatce, liście lub karuzeli. Możesz użyć gotowych kolekcji, takich jak Featured Products, Top Rated Products, On Sale Products, Best Sellers czy New Arrivals, albo ręcznie wybrać produkty. Kolekcje są przygotowanymi zestawami filtrów; ich ustawienia można dalej zmieniać. Dokumentacja bloku Product Collection opisuje dostępne kolekcje i ich ustawienia.
- Product Catalog: pokaż pełny katalog albo właściwy zestaw wyników dla strony kategorii.
- New Arrivals: użyj do eksponowania nowych produktów. Domyślnie kolekcja obejmuje produkty dodane w ciągu ostatnich 7 dni, a zakres można zmienić w ustawieniach bloku.
- Best Sellers: wybierz, gdy chcesz pokazać produkty kupowane najczęściej w sklepie.
- Hand-Picked Products: przydaje się do ręcznie wybranych produktów, na przykład zestawu sezonowego.
Na stronie głównej możesz dodać krótką kolekcję nowości lub produktów wyróżnionych, a pełny katalog zostawić stronie sklepu. Karuzelę traktuj jako dodatkowy sposób prezentacji, nie jedyne miejsce, w którym widać produkty. Na stronach kategorii wybieraj układ, w którym nazwa, cena i zdjęcie nie konkurują ze sobą o uwagę.
Ustaw sortowanie jako pomoc, nie zagadkę
W bloku Product Collection z zapytaniem domyślnym dostępne są opcje sortowania między innymi ręcznie, według ceny, sprzedaży i oceny. Zapytanie niestandardowe pozwala dodatkowo sortować alfabetycznie, według daty dodania lub losowo. Blok Catalog Sorting daje klientowi możliwość zmiany kolejności produktów według dostępnych kryteriów.
| Domyślne sortowanie | Kiedy może pasować | Co sprawdzić |
|---|---|---|
| Ręczne | Gdy chcesz wskazać kolejność w obrębie katalogu lub kategorii | Czy produkty, które mają być widoczne na początku, faktycznie są na górze |
| Według ceny | Gdy cena jest ważnym kryterium wyboru | Czy kupujący może zmienić kierunek sortowania |
| Według sprzedaży | Gdy popularność produktów jest istotną wskazówką | Czy kolejność odpowiada temu, jak chcesz prezentować ofertę |
| Według oceny | Gdy opinie pomagają w porównaniu produktów | Czy oceny są widoczne i zrozumiałe na karcie produktu |
Wybieraj domyślną kolejność tak, aby klient wiedział, dlaczego widzi właśnie te wyniki. Nie zakładaj, że sortowanie popularnością będzie najlepsze dla każdego sklepu. Jeśli klient chce znaleźć najtańszą opcję, wybór sortowania po cenie powinien być łatwy do zauważenia.
Jak ustawić własną kolejność produktów
- Przejdź do WooCommerce > Produkty i wybierz Sortowanie.
- Przeciągnij produkty do wybranej kolejności.
- Jeśli chcesz zmienić kolejność w jednej kategorii lub innym podzbiorze, najpierw wybierz odpowiednie filtry i kliknij Filtruj, a następnie przejdź do sortowania.
- Sprawdź, czy ustawienia katalogu wyświetlają domyślną kolejność, którą chcesz pokazać klientom.
WooCommerce rozróżnia filtrowanie listy w panelu od ustawienia kolejności produktów dla kupujących. W dokumentacji dotyczącej klasycznego konfiguratora opisano, że ręczna kolejność jest widoczna dla klientów przy domyślnym sortowaniu; dostęp do konfiguratora może wyglądać inaczej w motywie blokowym. Szczegóły znajdziesz w instrukcji sortowania i filtrowania produktów.
Dodaj filtry, które odpowiadają na realne pytania
Filtry pomagają zawęzić katalog bez przechodzenia przez wiele podobnych kart. W bloku Product Filters WooCommerce wymienia filtry ceny, oceny, atrybutów, dostępności, kategorii, marki i tagu. Dodaj te, które pomagają klientom odróżnić produkty w danej kategorii. Dla lampy może to być typ źródła światła lub kolor, a dla plecaka pojemność albo materiał, jeśli te cechy są w katalogu uzupełnione.
Zanim włączysz filtr atrybutu, sprawdź, czy produkty mają przypisane wartości w spójny sposób. „Granatowy” i „ciemnoniebieski” mogą rozdzielić wyniki, choć opisują zbliżony kolor. To wskazówka do uporządkowania danych, nie dodatkowa funkcja WooCommerce.
Po dodaniu filtrów sprawdź również pusty wynik: co zobaczy osoba, która wybierze zestaw cech, dla którego nie ma produktów? Product Collection ma bloki obsługujące stan bez wyników oraz paginację, którą można uwzględnić w układzie kolekcji. Dokumentacja Product Collection opisuje te elementy.
Sprawdź katalog oczami kupującego
Po zapisaniu zmian przejdź ścieżkę od początku do końca. Otwórz stronę sklepu, wybierz kategorię, użyj filtra, zmień sortowanie i otwórz produkt. Sprawdź też, czy na telefonie nadal łatwo zauważyć filtry, liczbę wyników i sposób przejścia do następnej strony.
Możesz użyć krótkiej listy kontrolnej:
- Czy nazwy kategorii od razu mówią, co się w nich znajduje?
- Czy klient może filtrować po cechach istotnych dla danego produktu?
- Czy sortowanie ma czytelną nazwę i pokazuje oczekiwaną kolejność?
- Czy karta produktu zawiera wystarczające informacje do porównania?
- Czy produkty w kolekcji promocyjnej są też dostępne w katalogu?
Jeśli klient nadal pyta, gdzie znaleźć konkretny produkt lub czym różnią się warianty, sprawdź również, czy dane produktów są kompletne. Sklepowy, asystent zakupowy AI dla sklepów WooCommerce, odpowiada na podstawie katalogu, pomaga znaleźć produkt, pokazuje jego cenę i dostępność oraz wyjaśnia warianty. Zobacz Sklepowego.
FAQ
Gdzie zmienić wygląd strony sklepu WooCommerce?
W motywie blokowym przejdź do Wygląd > Edytor > Szablony > WooCommerce > Product Catalog. W motywie klasycznym ustawienia katalogu mogą być dostępne w Wygląd > Dostosuj > WooCommerce > Katalog produktów.
Jak zmienić domyślną kolejność produktów?
W motywie blokowym wybierz blok Product Collection i ustaw sposób sortowania zgodnie z rodzajem zapytania. W panelu WooCommerce możesz też ręcznie przeciągać produkty po wybraniu opcji Sortowanie. Dla kupujących ważne jest ustawienie odpowiedniej domyślnej kolejności katalogu.
Jak dodać filtrowanie produktów po rozmiarze lub kolorze?
Dodaj do szablonu Product Catalog blok Product Filters, a następnie wybierz filtrowanie po atrybutach. Wcześniej przypisz wartości rozmiaru lub koloru do produktów, żeby filtr mógł zawęzić wyniki.
Czy Product Collection może pokazywać tylko wybrane produkty?
Tak. Możesz wybrać kolekcję, taką jak produkty wyróżnione lub bestsellerowe, albo utworzyć własny zestaw. Ustawienia bloku pozwalają też określić kryteria sortowania i dostępności produktów.
Co dalej
Zobacz, jak ustawić rekomendacje produktów w WooCommerce, aby uzupełnić katalog o pasujące propozycje. Jeśli masz pytanie o Sklepowego, napisz do zespołu.