Jak filtrować produkty WooCommerce (tutorial krok po kroku)

Po pracy z niezliczonymi właścicielami stron WooCommerce dowiedzieliśmy się, że odnoszące sukcesy sklepy internetowe mają jedną kluczową cechę: ułatwiają klientom znalezienie dokładnie tego, czego chcą.

Duże platformy handlowe, takie jak Amazon, używają filtrów ceny, koloru, rozmiaru i sortowania według nowości, ponieważ rozumieją, jak kupują klienci.

Filtrowanie produktów jest kluczowe dla rozwoju biznesu e-commerce. Kiedy klienci nie mogą szybko znaleźć tego, czego szukają, często odchodzą bez zakupu.

Dlatego stworzyliśmy ten przewodnik krok po kroku, aby pomóc Ci dodać skuteczne filtrowanie produktów do Twojego sklepu WooCommerce.

Dowiesz się, jak tworzyć filtry oparte na atrybutach, które ułatwią nawigację w Twoim sklepie i sprawią, że zakupy będą przyjemniejsze dla klientów.

Dlaczego warto filtrować produkty WooCommerce według atrybutów?

Filtry ułatwiają klientom przeglądanie produktów w Twoim sklepie WooCommerce.

Pozwalają one kupującym zawęzić wyszukiwanie na podstawie różnych atrybutów, w tym koloru, przedziału cenowego, materiału, rozmiaru i innych.

Zamiast przeglądać całą kolekcję produktów, użytkownicy mogą po prostu przeglądać interesujące ich produkty.

Dodawanie filtrów może pomóc w poprawie doświadczenia użytkownika, usprawnić funkcjonalność wyszukiwania i zmniejszyć współczynnik odrzuceń w Twoim sklepie internetowym.

Mogą również zwiększyć sprzedaż, umożliwiając klientom zobaczenie wszystkich dostępnych opcji dla interesujących ich produktów, pomagając im dokonywać bardziej świadomych zakupów.

Biorąc to pod uwagę, zobaczmy, jak łatwo możesz filtrować produkty w swoim sklepie WooCommerce. Pokażemy Ci, jak filtrować produkty WooCommerce według atrybutów i niestandardowych atrybutów:

• Jak filtrować produkty WooCommerce według atrybutu
• Jak filtrować produkty WooCommerce według niestandardowego atrybutu
• Dodatkowe wskazówki, jak zwiększyć sprzedaż w WooCommerce

Jak filtrować produkty WooCommerce według atrybutu

Jeśli szukasz szybkiego i łatwego sposobu na filtrowanie produktów WooCommerce, ta metoda jest dla Ciebie. Pokażemy Ci, jak skonfigurować proste filtrowanie za pomocą ustawień atrybutów, korzystając z wtyczki do filtrowania produktów WooCommerce.

Najpierw musisz zainstalować i aktywować wtyczkę YITH WooCommerce Ajax Product Filter. Aby uzyskać więcej instrukcji, zapoznaj się z naszym przewodnikiem krok po kroku na temat instalacji wtyczki WordPress.

Po aktywacji przejdź do strony YITH » Ajax Product Filter z panelu administracyjnego WordPress.

Stąd kliknij przycisk „+ Utwórz nowy preset”, aby rozpocząć tworzenie filtra.

Gdy już tam będziesz, możesz zacząć od wpisania nazwy filtra w polu ‘Nazwa ustawienia predefiniowanego’.

Pamiętaj, że nazwa ustawienia wstępnego nie będzie wyświetlana w Twoim sklepie i służy jedynie do Twojej wiadomości.

Następnie po prostu wybierz „Poziomy” jako układ domyślny, a następnie kliknij przycisk „+ Dodaj nowy filtr” na dole.

Jeśli korzystasz z darmowej wersji wtyczki, ta opcja nie będzie dla Ciebie dostępna. Zamiast tego będziesz mieć układ „Domyślny”.

Możesz teraz zacząć tworzyć filtr dla swoich produktów WooCommerce.

Utwórz filtr dla produktów WooCommerce

Najpierw musisz wpisać nazwę filtra obok opcji „Nazwa filtra”.

Na przykład, jeśli tworzysz filtr, który pomoże klientom sortować kategorie produktów, możesz nazwać go „Filtruj według kategorii”.

Następnie możesz wybrać parametry filtra z menu rozwijanego „Filtruj dla”. Pamiętaj, że darmowa wersja wtyczki oferuje filtry tylko dla kategorii produktów i tagów.

Aby dowiedzieć się więcej o różnicach między tymi opcjami, możesz przeczytać nasz przewodnik na temat jak dodawać tagi, atrybuty i kategorie do WooCommerce.

Jeśli tworzysz filtr do sortowania produktów według różnych przedziałów cenowych, musisz wybrać opcję „Przedział cenowy”. Podobnie, jeśli chcesz sortować produkty według popularności lub średniej oceny, musisz wybrać opcję „Sortuj według”.

Możesz również wybrać opcję „Taksonomia”, jeśli chcesz filtrować tagi produktów, kategorie, kolory, rozmiary, materiały, style i inne. W tym samouczku wybierzemy tę opcję.

Po wykonaniu tej czynności musisz wybrać opcje taksonomii dla filtra. Na przykład, jeśli chcesz filtrować produkty według koloru, musisz wybrać tę opcję z menu rozwijanego.

Ponieważ tworzymy filtr dla kategorii produktów, wybierzemy opcję „Kategorie produktów”.

Następnie musisz wpisać wszystkie kategorie produktów na swojej stronie internetowej w sekcji „Wybierz terminy”.

Następnie możesz wybrać, w jaki sposób chcesz, aby filtr wyświetlał się na stronie głównej Twojego sklepu, z menu rozwijanego „Typ filtra”.

Filtr można wyświetlić jako pole wyboru, menu rozwijane, tekst, próbki kolorów i inne. W tym samouczku wybierzemy opcję „Wybierz”, aby dodać menu rozwijane.

Następnie przełącz przełącznik „Pokaż pole wyszukiwania”, jeśli chcesz włączyć pole wyszukiwania w menu rozwijanym.

Możesz również wyświetlić tworzony filtr jako przełącznik, aktywując przełącznik „Pokaż jako przełącznik”. Wtedy klienci będą mogli włączać i wyłączać filtr.

Gdy to zrobisz, po prostu wybierz domyślną kolejność dla filtrowanych terminów z menu rozwijanego „Sortuj według”. Kategorie filtrów będą wyświetlane w wybranej przez Ciebie kolejności.

Możesz sortować kategorie filtrów według nazwy, liczby terminów lub sluga. Możesz również wybrać „Typ sortowania” dla filtrowanych terminów w kolejności rosnącej (ASC) lub malejącej (DESC).

Na koniec kliknij przycisk „Zapisz filtr” na dole, aby zapisać swój filtr.

Teraz powtórz proces, aby utworzyć wiele filtrów.

Po wykonaniu tej czynności wróć na górę i przejdź do zakładki „Ustawienia ogólne”, aby skonfigurować niektóre ustawienia.

Skonfiguruj ustawienia ogólne

Tutaj musisz zacząć od wybrania opcji „Tryb filtrowania”. Możesz wybrać, czy chcesz stosować filtry w czasie rzeczywistym za pomocą AJAX, czy chcesz wyświetlić przycisk „Zastosuj filtry” na swojej stronie.

Następnie musisz również wybrać między wyświetleniem przycisku Zapisz a natychmiastowym wyświetleniem wyników filtra.

Po wykonaniu tej czynności wybierz, czy chcesz wyświetlać wyniki filtra na tej samej stronie za pomocą AJAX, czy też chcesz przeładować wyniki na nowej stronie.

Następnie przewiń w dół do opcji „Ukryj puste terminy” i włącz przełącznik, jeśli nie chcesz wyświetlać pustych terminów filtrów.

Na przykład, jeśli dodałeś kategorię „Kubki” w swoim sklepie WooCommerce, ale obecnie nie ma w niej żadnych produktów, nie zostanie ona wyświetlona na liście „Filtruj według kategorii”.

Następnie przełącz przełącznik „Ukryj produkty niedostępne” , jeśli nie chcesz wyświetlać produktów niedostępnych w magazynie w wynikach.

Pozostałe ustawienia możesz pozostawić domyślne lub skonfigurować według własnych upodobań.

Po dokonaniu wyborów kliknij przycisk „Zapisz opcje”, aby zapisać zmiany i przejść do zakładki „Personalizacja” na górze.

Skonfiguruj ustawienia personalizacji (tylko wtyczka Premium)

Uwaga: Zakładka „Personalizacja” nie będzie dostępna, jeśli korzystasz z darmowej wersji wtyczki.

Stąd możesz wybrać kolor etykiety filtra WooCommerce, kolor tekstu, rozmiar próbnika koloru, kolor obszaru filtra i inne.

Dodawanie kolorów może sprawić, że filtr WooCommerce będzie wyglądał bardziej estetycznie i będzie pasował do brandingu Twojego sklepu e-commerce.

Po dokonaniu wyborów kliknij przycisk „Zapisz opcje” i przejdź do zakładki „SEO” u góry.

Skonfiguruj ustawienia SEO

Gdy już tam będziesz, przełącz przełącznik „Włącz opcję SEO”, aby aktywować ustawienia.

Teraz możesz dodać meta tagi z menu rozwijanego do wykorzystania na filtrowanych stronach. Poprawi to SEO Twojej witryny.

Aby uzyskać więcej szczegółów, możesz przeczytać nasz artykuł na temat metadanych i tagów meta WordPress.

Możesz również automatycznie dodać atrybut nofollow do wszystkich filtrowanych kotwic, włączając przełącznik „Dodaj „nofollow” do kotwic filtrów”. Powiadomi to wyszukiwarki, aby nie używały kotwic filtrów podczas indeksowania Twojej strony.

Gdy będziesz zadowolony, kliknij przycisk „Zapisz opcje”, aby zapisać ustawienia.

Dodaj filtr WooCommerce do strony produktów

Aby dodać właśnie utworzone filtry do strony produktów WooCommerce, musisz przełączyć się na zakładkę „Ustawienia filtrów” u góry.

Gdy już tam będziesz, po prostu skopiuj krótki kod utworzonego właśnie zestawu filtrów.

Następnie po prostu otwórz swoją stronę produktów WooCommerce w edytorze blokowym z panelu administracyjnego WordPress.

Gdy już tam będziesz, kliknij przycisk Dodaj blok „(+)” w lewym górnym rogu, aby znaleźć blok Skrótu.

Teraz po prostu wklej skrót ustawień filtra, który skopiowałeś, do bloku Skrótu.

Na koniec kliknij przycisk „Opublikuj” lub „Zaktualizuj”, aby zapisać zmiany.

Możesz teraz odwiedzić swoją witrynę WordPress, aby zobaczyć filtr niestandardowych atrybutów WooCommerce w akcji.

Jak filtrować produkty WooCommerce według niestandardowego atrybutu

Jeśli chcesz utworzyć filtr produktów WooCommerce przy użyciu niestandardowych atrybutów, ta metoda jest dla Ciebie.

Utwórz niestandardowy atrybut

Aby utworzyć niestandardowy atrybut, musisz odwiedzić stronę Produkty » Atrybuty z panelu administracyjnego WordPress.

Gdy już tam będziesz, zacznij od wprowadzenia nazwy i ślimaka dla niestandardowego atrybutu taksonomii.

Na przykład, jeśli chcesz utworzyć filtr dla konkretnego materiału produktu, możesz nazwać atrybut „Filtruj według materiału”.

Następnie musisz zaznaczyć pole „Włącz archiwa”, jeśli chcesz wyświetlić wszystkie elementy, które mają ten sam atrybut na jednej stronie. 

Następnie kliknij przycisk „Dodaj atrybut” u dołu.

Po utworzeniu atrybutu kliknij link „Konfiguruj terminy”, aby dodać terminy do atrybutu.

Spowoduje to przejście do nowego ekranu, na którym musisz wpisać termin w polu „Nazwa”.

Na przykład, jeśli utworzyłeś atrybut o nazwie „Filtruj według materiału”, możesz dodać poszczególne materiały jako terminy, takie jak wełna. Możesz dodać dowolną liczbę terminów do atrybutu.

Po zakończeniu kliknij przycisk „Dodaj nowy filtr według materiału”, aby zapisać termin.

Dodaj atrybut niestandardowy do produktu

Po utworzeniu atrybutu musisz dodać go do poszczególnych produktów WooCommerce.

W tym celu otwórz stronę produktu, którą chcesz edytować. Stąd przewiń w dół do sekcji „Dane produktu” i przełącz się na zakładkę „Atrybuty”.

Następnie po prostu otwórz menu rozwijane „Niestandardowy atrybut produktu” i wybierz utworzony właśnie niestandardowy atrybut.

Teraz kliknij przycisk „Dodaj”.

Teraz, gdy atrybut niestandardowy został dodany, po prostu wyszukaj termin pasujący do produktu w opcji „Wybierz terminy”.

Na przykład, jeśli utworzyłeś atrybut dla materiału, a edytowany produkt jest wykonany z wełny, musisz wybrać „Wełna” z menu rozwijanego.

Po zakończeniu kliknij przycisk „Zapisz atrybuty”.

Następnie kliknij przycisk „Aktualizuj” lub „Opublikuj” u góry, aby zapisać zmiany.

Teraz będziesz musiał powtórzyć proces dla wszystkich produktów, które mają ten sam atrybut.

Tworzenie niestandardowego filtra atrybutów za pomocą wtyczki

Następnie musisz zainstalować i aktywować wtyczkę YITH WooCommerce Ajax Product Filter. Aby uzyskać więcej instrukcji, zapoznaj się z naszym przewodnikiem jak zainstalować wtyczkę WordPress.

Uwaga: Możesz użyć darmowej lub płatnej wersji wtyczki, aby utworzyć niestandardowy filtr atrybutów dla WooCommerce.

Po aktywacji przejdź do strony YITH » Ajax Product Filter z panelu administracyjnego WordPress.

Stąd kliknij przycisk „+ Utwórz nowy preset”.

Następnie musisz wpisać nazwę tworzonego ustawienia w polu „Nazwa ustawienia”.

Po zakończeniu kliknij przycisk „+ Dodaj nowy filtr” na dole, aby rozpocząć tworzenie niestandardowego filtra atrybutów WooCommerce.

Najpierw musisz wpisać nazwę w polu „Nazwa filtra”.

Na przykład, jeśli tworzysz filtr, który pomoże klientom sortować różne opcje materiałów, możesz nazwać go „Filtruj według materiału”.

Następnie po prostu wybierz „Taksonomia” z menu rozwijanego „Filtr dla”. Jeśli korzystasz z darmowej wersji wtyczki, ta opcja zostanie wybrana domyślnie.

Teraz niestandardowy atrybut, który utworzyłeś, będzie już dostępny w menu rozwijanym obok opcji „Wybierz taksonomię”.

Wybierz niestandardowy atrybut z listy rozwijanej i wpisz terminy atrybutów w polu „Wybierz terminy”.

Następnie musisz wybrać, w jaki sposób chcesz, aby filtr był wyświetlany na stronie głównej Twojego sklepu, z menu rozwijanego „Typ filtra”.

Filtr może być wyświetlany jako pole wyboru, menu rozwijane, tekst, próbki kolorów i inne.

Po wykonaniu tej czynności wybierz domyślny porządek dla filtrowanych terminów z menu rozwijanego „Sortuj według”.

Możesz sortować kategorie filtrów według nazwy, liczby terminów lub sluga. Możesz również wybrać „Typ sortowania” dla filtrowanych terminów w kolejności rosnącej (ASC) lub malejącej (DESC).

Na koniec kliknij przycisk „Zapisz filtr” na dole, aby zapisać niestandardowy filtr atrybutów.

Następnie musisz przejść do zakładki „Ustawienia ogólne” u góry. Stąd możesz wybrać tryb filtrowania, ukryć puste terminy i skonfigurować inne ustawienia zgodnie z potrzebami.

Po zakończeniu kliknij przycisk „Zapisz opcje”, aby zapisać zmiany i przejdź do zakładki „Personalizacja” u góry.

Uwaga: Jeśli korzystasz z wersji darmowej, te ustawienia personalizacji nie będą dostępne.

Stąd możesz dostosować, jak Twój filtr będzie wyglądał na stronie Twojej witryny.

Na przykład możesz wybrać kolor etykiety, kolor tekstu, rozmiar próbnika koloru, kolor obszaru filtra i inne.

Po dokonaniu wyborów kliknij przycisk „Zapisz opcje” i przejdź do zakładki „SEO” u góry.

Stąd przełącz przełącznik „Włącz opcję SEO”, aby aktywować ustawienia.

Możesz dodać meta tagi robotów z menu rozwijanego do wykorzystania na filtrowanych stronach. Zoptymalizuje to SEO Twojej witryny.

Możesz również przełączyć przełącznik „Dodaj „nofollow” do kotwic filtrów”, aby automatycznie dodać atrybut nofollow do wszystkich kotwic filtrów.

Gdy będziesz zadowolony, kliknij przycisk „Zapisz opcje”, aby zapisać ustawienia.

Dodaj niestandardowy filtr atrybutów do strony produktów WooCommerce

Aby dodać niestandardowy filtr atrybutów do strony sklepu WooCommerce, musisz przejść do zakładki „Presety filtrów” na górze.

Stąd skopiuj skrót niestandardowego filtra atrybutów.

Następnie otwórz stronę swoich produktów w edytorze bloków z paska bocznego administracji WordPress.

Tutaj kliknij przycisk Dodaj blok „(+)” w lewym górnym rogu, aby przeciągnąć i upuścić blok kodu krótkiego.

Następnie po prostu wklej skopiowany krótki kod ustawień filtra do bloku.

Na koniec kliknij przycisk „Opublikuj” lub „Zaktualizuj”, aby zapisać zmiany.

Możesz teraz odwiedzić swoją stronę internetową, aby zobaczyć niestandardowy filtr atrybutów WooCommerce w akcji.

Dodatkowe wskazówki, jak zwiększyć sprzedaż w WooCommerce

Oprócz dodawania filtrów wyszukiwania, innym sposobem na zwiększenie konwersji w Twoim sklepie internetowym jest poprawa szybkości Twojej witryny.

Sklep WooCommerce, który ładuje się szybciej, może łatwiej zatrzymać klientów i wygenerować więcej potencjalnych klientów.

Aby poprawić czas ładowania Twojego sklepu, zalecamy przejście na SiteGround. Są to polecani przez WooCommerce dostawcy hostingu, którzy sprawiają, że Twoja strona internetowa działa niezwykle szybko i oferują niesamowite funkcje, takie jak Ultrafast PHP, buforowanie e-commerce i inne.

Inną wskazówką jest skonfigurowanie buforowania w swoim sklepie WooCommerce.

Jest to technika, która przechowuje dane Twojej witryny w tymczasowej lokalizacji w celu poprawy wydajności. Możesz użyć dowolnego z najlepszych wtyczek buforujących WooCommerce, aby poprawić szybkość.

Poza tym możesz również spróbować zoptymalizować obrazy produktów, wybrać szybszy motyw WooCommerce, użyć najnowszej wersji PHP, włączyć zaporę sieciową na poziomie DNS i wiele więcej, aby poprawić doświadczenie klienta.

Aby uzyskać szczegółowe instrukcje, zapoznaj się z naszym przewodnikiem dla początkujących na temat przyspieszania działania WooCommerce.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak filtrować produkty WooCommerce według atrybutów i niestandardowych atrybutów. Możesz również zapoznać się z naszym artykułem na temat jak zaoferować zniżkę na wysyłkę w WooCommerce oraz naszymi najlepszymi wyborami dla najlepszych motywów WooCommerce.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.