Czym są i jak ich używać?

Prowadzenie sklepu internetowego może być trudne. Musisz uporządkować swoje produkty tak, aby klienci mogli znaleźć te, których szukają. Na szczęście bloki filtrów produktów WooCommerce mogą grupować i wyświetlać elementy określone przez użytkownika w ciągu kilku sekund.

Dzięki blokom filtrów produktów możesz organizować produkty w sklepie WooCommerce zgodnie z ich charakterystyką. Mogą to być ich ceny, kategorie, atrybuty lub tagi. Następnie wystarczy wstawić blok do posta lub strony, a Twoi klienci będą mogli znaleźć przefiltrowane wyniki.

W tym przewodniku przedstawimy wszystkie różne bloki filtrów produktów WooCommerce i omówimy, dlaczego warto z nich skorzystać. Następnie wyjaśnimy, jak wstawić i skonfigurować te elementy w Twoim sklepie internetowym. Zacznijmy!

Spis treści:

Wprowadzenie do bloków filtrów produktów WooCommerce

WooCommerce ma kolekcję bloków WooCommerce zaprojektowanych, aby umożliwić użytkownikom wyszukiwanie określonych produktów w Twoim sklepie internetowym. Te interaktywne elementy umożliwiają konsumentom filtrowanie wyników i znajdowanie przedmiotów najbardziej odpowiadających ich potrzebom.

Oto krótki przegląd bezpłatnych bloków filtrów produktów WooCommerce:

• Filtruj produkty według ceny: Ten blok umożliwia klientom wybór zakresu cen za pomocą suwaka i wyświetlanie tylko produktów, które mieszczą się w tym zakresie.
• Filtruj produkty według atrybutu: pozwala klientom wyszukiwać produkty według ich atrybutów, w tym rozmiarów, kolorów i stylów.
• Aktywne filtry produktów: pomaga klientom zobaczyć, które filtry już zastosowali w wyszukiwaniu, aby mogli je dostosować.
• Filtruj produkty według zapasów: Ten blok pokazuje tylko produkty w magazynie, niedostępne lub w zamówieniu zaległym.

Możesz używać tych bloków w postach, stronach i obszarach widżetów. Podczas interakcji z blokiem klienci będą mogli wybierać spośród wcześniej określonych parametrów, aby zobaczyć przefiltrowane wyniki.

Jeśli potrzebujesz większej elastyczności w konfigurowaniu filtrów produktów, możesz również zainstalować dedykowaną wtyczkę filtra produktów WooCommerce. W dalszej części tego artykułu przedstawimy niektóre opcje jakości.

Dlaczego warto rozważyć użycie bloków filtrów produktów WooCommerce

Bloki filtrów produktów WooCommerce mogą znacznie poprawić wrażenia użytkownika (UX) Twojego sklepu internetowego. Jeśli masz obszerny katalog produktów, klienci mogą spędzać godziny na przeglądaniu Twoich produktów, szukając tych, które odpowiadają ich potrzebom. Jednak prawdopodobnie poczują się sfrustrowani i klikną, aby zrobić zakupy w innym miejscu.

W zależności od sprzedawanych towarów filtry produktów umożliwiają klientom przeglądanie Twojego sklepu pod kątem kolorów, rozmiarów, składników i marek, które odpowiadają ich potrzebom. Dodatkowo wyniki zostaną zaktualizowane na tej samej stronie. Dzięki temu konsumenci nie będą musieli przechodzić do stron kategorii i przerywać zakupów.

Jak korzystać z bloków filtrów produktów WooCommerce

W tej pierwszej sekcji pokażemy, jak korzystać z domyślnych bloków filtrowania produktów, które WooCommerce automatycznie dołącza. Ponownie, aby uzyskać większą elastyczność, możesz rozważyć jedną z wtyczek filtrów produktów WooCommerce w następnej sekcji.

Większość bloków filtrów produktów WooCommerce działa w ten sam sposób. Po prostu wstawisz blok, a następnie określisz, która cecha produktu jest wyświetlana.

Możesz znaleźć wszystkie te bloki w WordPressie, klikając przycisk + , aby wstawić nowy blok i wyszukując „Filtr WooCommerce:”

Pamiętaj, że najpierw musisz dodać atrybuty, tagi, kategorie i inne cechy do swoich produktów WooCommerce. W przeciwnym razie nie będziesz miał żadnych danych do wykorzystania w swoim bloku.

Przyjrzyjmy się teraz, jak korzystać z bloków filtrów produktów WooCommerce. Jako przykładu użyjemy elementu Filtruj produkty według atrybutu .

Krok 1: Dodaj atrybuty do swoich produktów WooCommerce

️ Uwaga – w przypadku innych filtrów (takich jak cena lub zapas) nie musisz konfigurować żadnych atrybutów.

Jeśli jeszcze tego nie zrobiłeś, będziesz chciał dodać kategorie, tagi i atrybuty do swoich produktów WooCommerce. Te taksonomie ułatwiają klientom znalezienie pożądanych pozycji. Co więcej, bloki filtrów produktów WooCommerce nie będą działać bez tych klasyfikacji.

Zacznij od przejścia do Produkty > Atrybuty na pulpicie WordPress. Tutaj możesz tworzyć nowe klasyfikacje dla swoich produktów. Jak widać, w naszym sklepie internetowym mamy już Kolor i Rozmiar :

Musisz podać nazwę i informacje o nowym atrybucie. Następnie kliknij Dodaj atrybut , aby zapisać klasyfikację. Pamiętaj, że możesz wykonać ten sam proces dla kategorii produktów (i podkategorii) i tagów.

Następnie otwórz swoje produkty, aby dodać ich taksonomie. Możesz to zrobić, przechodząc do Produkty > Wszystkie produkty i klikając element.

Teraz przewiń w dół do sekcji Dane produktów i otwórz menu Atrybuty :

Możesz dodać atrybuty do swojego produktu, wybierając je z menu rozwijanego i klikając Dodaj . Następnie wybierz strzałkę menu rozwijanego obok atrybutu, aby wprowadzić niestandardowe informacje.

Na przykład w naszym przykładzie dodaliśmy czerwony jako atrybut Kolor do naszego produktu:

Po dodaniu wszystkich zmiennych kliknij Zapisz atrybuty . Teraz klienci będą mogli znaleźć produkty o tych cechach za pośrednictwem bloku filtrowania produktów WooCommerce.

Krok 2: Włóż blok filtra produktu

Następnie musisz otworzyć stronę lub post, w którym chcesz użyć bloku filtra produktów. Możesz również rozważyć wykorzystanie elementu na pasku bocznym na stronach sklepu, aby klienci mogli filtrować wyniki podczas przeglądania.

Najpierw musisz dodać blok Wszystkie produkty do swojej strony. W przeciwnym razie WooCommerce nie będzie w stanie filtrować i wyświetlać określonych elementów.

Możesz to zrobić, klikając przycisk + i wyszukując „wszystkie produkty”. Wybierz blok i dodaj go do swojej strony:

Następnie wyszukaj „Atrybut filtra WooCommerce:”

Kliknij blok, a zostanie on wstawiony na twoją stronę. Teraz możesz wyszukać atrybut produktu lub wybrać go z listy rozwijanej. W naszym przykładzie użyjemy koloru :

Twój blok zostanie teraz przekształcony, aby wyświetlić nowy tytuł i listę wybranych atrybutów produktu (takich jak różne kolory przedmiotu):

Możesz zostawić blok tak, jak jest, jeśli chcesz, jak wygląda. Alternatywnie, w następnym kroku omówimy, jak dostosować wygląd tego elementu.

Krok 3: Skonfiguruj ustawienia bloku

Następnie możesz dostosować wygląd bloku filtra produktów WooCommerce. Po prostu kliknij blok Filtruj produkty według atrybutu , a następnie wybierz ikonę koła zębatego po prawej stronie:

Tutaj możesz wybrać, czy wyświetlać liczbę produktów . To ustawienie może być przydatne, jeśli masz duży katalog artykułów i chcesz dać swoim klientom szeroki wybór.

Możesz również wybrać poziom nagłówka dla atrybutów produktu. Wartość domyślna to H3 , ale możesz wybrać od H2 do H6 , aby dopasować się do stylistycznych potrzeb Twojego sklepu.

Jeśli przewiniesz w dół, powinieneś zobaczyć dodatkowe konfiguracje w Ustawieniach blokowania :

Tutaj możesz wybrać typ zapytania . Jeśli wybierzesz opcję I , WooCommerce będzie wyświetlać tylko produkty, które zawierają wszystkie atrybuty określone przez klienta. Tymczasem opcja Lub pokaże wszystkie elementy, które mają co najmniej jeden z atrybutów.

W obszarze Typ wyświetlania możesz wybrać wyświetlanie atrybutów w formie listy lub listy rozwijanej. Obie opcje są stosunkowo przyjazne dla użytkownika.

Na koniec możesz włączyć przycisk Filtruj . Jeśli ją włączysz, klienci będą musieli kliknąć przycisk Przejdź , aby przefiltrować wyniki wyszukiwania. Jeśli jednak ją opuścisz, po prostu zaznaczenie jednego z atrybutów zaktualizuje wyświetlane produkty.

Otóż ​​to! Twój blok filtra produktów WooCommerce jest teraz gotowy do działania:

Po prostu zapisz i opublikuj swoje zmiany. Klienci będą teraz mogli filtrować swoje wyszukiwania produktów według określonych atrybutów.

Przegląd wtyczek filtrów produktów WooCommerce

Oprócz darmowych bloków WooCommerce możesz również uzyskać dostęp do wtyczek innych firm, aby zwiększyć elastyczność konfiguracji filtrów. Na przykład wtyczka WooCommerce Product Search zawiera następujące opcje filtrowania:

• Produkty: Wyświetla kolekcję przefiltrowanych produktów. Ten blok może replikować stronę Twojego sklepu i renderować przedmioty kontrolowane przez inne bloki filtrów produktów na tej samej stronie.
• Wyszukiwanie: Tworzy filtrowaną funkcję wyszukiwania dla Twojego sklepu WooCommerce.
• Kategorie: pokazuje produkty, które odpowiadają określonym kategoriom, takim jak rodzaj odzieży lub płeć.
• Atrybuty: wyświetla produkty z określonymi atrybutami, takimi jak kolor, marka, rozmiar, kształt, marka lub określone cechy.
• Tagi: pokazuje produkty, które odpowiadają tagom produktów, w tym „polecane”, „logo” lub „modne”.
• Cena: Wyświetla produkty w określonych parametrach cenowych.
• Ocena: przedstawia produkty według ich średniej oceny.
• Wyprzedaż: Wyświetla tylko produkty, które są na wyprzedaży.
• Zapas : Pokazuje tylko produkty, które są w magazynie.
• Resetuj: umożliwia klientom zresetowanie parametrów filtra produktu. Następnie mogą zobaczyć wszystkie dostępne przedmioty lub wprowadzić nowe ustawienia, aby dostosować swoje wyszukiwanie.

Alternatywnie możesz rozważyć użycie wtyczki WOOF Products Filter for WooCommerce:

Dzięki tej wtyczce klienci mogą filtrować elementy według ich kategorii, atrybutów, tagów, niestandardowych taksonomii i cen. Ponadto wyświetlane wyniki są zazwyczaj bardziej atrakcyjne i konfigurowalne niż domyślne bloki WooCommerce.

Filtr produktów WooCommerce od WooBeWoo to kolejna doskonała opcja freemium:

Możesz go używać samodzielnie lub z Elementorem, aby zaprojektować własne filtry produktów i warunki układu. Wtyczka premium zawiera dodatkowe funkcje, takie jak ikony kategorii, niestandardowe style i przycisk ukryj/pokaż filtry.

Zacznij korzystać z filtrów produktów WooCommerce już dziś

Na szczęście korzystanie z bloku filtra produktów WooCommerce jest również bardzo łatwe. Wystarczy dodać do swoich produktów taksonomie, takie jak kategorie, atrybuty lub tagi. Następnie możesz użyć odpowiedniego bloku WooCommerce obok bloku Wszystkie produkty na stronie swojego sklepu.

Aby uzyskać większą elastyczność, możesz również zainstalować dedykowaną wtyczkę filtra produktów WooCommerce.

Jeśli chcesz znaleźć jeszcze więcej sposobów na stworzenie lepszego sklepu WooCommerce, możesz również zapoznać się z naszą kolekcją niezbędnych wtyczek WooCommerce.

Masz pytania dotyczące korzystania z bloków filtrów produktów WooCommerce? Daj nam znać w sekcji komentarzy poniżej!