WooCommerce Məhsul Filtr Blokları: Onlar nədir və onlardan necə istifadə olunur
Onlayn mağaza idarə etmək çətin ola bilər. Məhsullarınızı elə təşkil etməlisiniz ki, müştərilər axtardıqları əşyaları tapa bilsinlər. Xoşbəxtlikdən, WooCommerce məhsul filtr blokları saniyələr ərzində istifadəçi tərəfindən müəyyən edilmiş elementləri qruplaşdıra və göstərə bilər.
Məhsul filtr blokları ilə WooCommerce mağazası əşyalarınızı xüsusiyyətlərinə görə təşkil edə bilərsiniz. Bunlara onların qiymətləri, kateqoriyaları, atributları və ya etiketləri daxil ola bilər. Sonra, sadəcə olaraq bloku bir yazıya və ya səhifəyə daxil etməli olacaqsınız və müştəriləriniz filtrlənmiş nəticələri tapa bilər.
Bu təlimatda biz bütün müxtəlif WooCommerce məhsul filtr bloklarını təqdim edəcəyik və onlardan niyə istifadə etməyi düşünə biləcəyinizi müzakirə edəcəyik. Sonra bu elementləri onlayn mağazanıza necə daxil edəcəyinizi və konfiqurasiya edəcəyinizi izah edəcəyik. Gəlin başlayaq!
📚 Mündəricat:
WooCommerce məhsul filtr bloklarına giriş
WooCommerce istifadəçilərə onlayn mağazanızda xüsusi məhsulları axtarmağa imkan verən WooCommerce blokları kolleksiyasına malikdir. Bu interaktiv elementlər istehlakçılara nəticələrini süzgəcdən keçirməyə və ehtiyaclarına ən uyğun olan əşyaları tapmağa imkan verir.
Pulsuz WooCommerce məhsul filtr bloklarının qısa icmalı:
- Məhsulları qiymətə görə süzün: Bu blok müştərilərə slayderdən istifadə edərək qiymət diapazonunu seçməyə və yalnız həmin diapazona uyğun olan elementləri göstərməyə imkan verir.
- Məhsulları Atribut üzrə Filtrləyin: O, müştərilərə ölçülər, rənglər və üslublar daxil olmaqla, öz atributlarına uyğun olaraq elementləri axtarmağa imkan verir.
- Aktiv Məhsul Filtrləri: O, müştərilərə axtarışlarına hansı filtrləri tətbiq etdiklərini görməyə kömək edir ki, onu tənzimləyə bilsinlər.
- Məhsulları Stok üzrə Filtrləyin: Bu blok yalnız stokda olan, tükənmiş və ya sifarişdə olan əşyaları göstərir.
Siz bu blokları yazılarda, səhifələrdə və vidcet sahələrində istifadə edə bilərsiniz. Blokla qarşılıqlı əlaqə qurarkən müştərilər filtrlənmiş nəticələri görmək üçün əvvəlcədən müəyyən edilmiş parametrlər arasından seçim edə biləcəklər.
👉 Məhsul filtrlərinin qurulması üçün daha çox çeviklik istəyirsinizsə, xüsusi WooCommerce məhsul filtri plaginini də quraşdıra bilərsiniz. Bəzi keyfiyyət seçimlərini bu məqalədə daha sonra paylaşacağıq.
Niyə WooCommerce məhsul filtr bloklarından istifadə etməyi düşünə bilərsiniz
WooCommerce məhsul filtr blokları onlayn mağazanızın istifadəçi təcrübəsini (UX) əhəmiyyətli dərəcədə yaxşılaşdıra bilər. Geniş məhsul kataloqunuz varsa, müştərilər ehtiyaclarına uyğun olanları axtararkən əşyalarınız arasında vərəqləmək üçün saatlar sərf edə bilər. Bununla belə, onlar çox güman ki, məyus olacaqlar və başqa bir yerdə alış-veriş etmək üçün uzaqlaşacaqlar.
Məhsul filtrləri ilə siz istehlakçılara xüsusi parametrlərə uyğun olaraq maddələr axtarmağa imkan verə bilərsiniz. Yəqin ki, bu xüsusiyyəti aparıcı e-ticarət mağaza səhifələrində görmüsünüz:

Satdığınız mallardan asılı olaraq, məhsul filtrləri müştərilərə ehtiyaclarına uyğun rənglər, ölçülər, inqrediyentlər və markalar üçün mağazanıza göz atmağa imkan verir. Bundan əlavə, nəticələr eyni səhifədə yenilənəcək. Buna görə də, istehlakçılar kateqoriya səhifələrinə keçməyə və alış-veriş təcrübələrini kəsməyə ehtiyac duymayacaqlar.
WooCommerce məhsul filtr bloklarından necə istifadə etmək olar
Bu birinci hissədə biz sizə WooCommerce-in avtomatik daxil etdiyi standart məhsul filtr bloklarından necə istifadə edəcəyinizi göstərəcəyik. Yenə də daha çox çeviklik üçün növbəti hissədə WooCommerce məhsul filtri plaginlərindən birini nəzərdən keçirə bilərsiniz.
WooCommerce məhsul filtr bloklarının əksəriyyəti eyni şəkildə işləyir. Siz sadəcə bloku daxil edəcəksiniz və sonra hansı məhsul xarakteristikasının göstərildiyini müəyyənləşdirəcəksiniz.
Bütün bu blokları WordPress-də üzərinə klikləməklə tapa bilərsiniz + yeni blok daxil etmək və “WooCommerce filter”i axtarmaq üçün düyməni basın:

Unutmayın ki, əvvəlcə WooCommerce məhsullarınıza atributlar, teqlər, kateqoriyalar və digər xüsusiyyətlər əlavə etməlisiniz. Əks halda, blokunuzda istifadə etmək üçün heç bir məlumatınız olmayacaq.
İndi WooCommerce məhsul filtr bloklarından necə istifadə edəcəyinə nəzər salaq. istifadə edəcəyik Məhsulları Atribut üzrə Filtrləyin elementi nümunə kimi təqdim edirik.
Addım 1: WooCommerce məhsullarınıza atributlar əlavə edin
ℹ️ Qeyd – digər filtrlər (məsələn, qiymət və ya səhm kimi) üçün heç bir atribut qurmağa ehtiyacınız olmayacaq.
Əgər bunu etməmisinizsə, WooCommerce məhsullarınıza kateqoriyalar, teqlər və atributlar əlavə etmək istəyə bilərsiniz. Bu taksonomiyalar müştərilərin istədikləri əşyaları tapmasını asanlaşdırır. Üstəlik, WooCommerce məhsul filtr blokları bu təsnifatlar olmadan işləməyəcək.
naviqasiya ilə başlayın Məhsullar > Atributlar WordPress idarə panelinizdə. Burada məhsullarınız üçün yeni təsnifatlar yarada bilərsiniz. Gördüyünüz kimi, bizdə artıq var Rəng və Ölçü onlayn mağazamızda:

Yeni atributunuz üçün ad və şlak daxil etməlisiniz. Sonra üzərinə klikləyin Atribut əlavə edin təsnifatı saxlamaq üçün. Nəzərə alın ki, siz məhsul kateqoriyaları (və alt kateqoriyalar) və etiketlər üçün eyni prosesi izləyə bilərsiniz.
Sonra, taksonomiyalarını əlavə etmək üçün məhsullarınızı açın. Bunu naviqasiya ilə edə bilərsiniz Məhsullar > Bütün Məhsullar və bir elementə klikləyin.
İndi, aşağı diyirləyin Məhsul məlumatları bölməsini açın və açın Atributlar menyu:

Siz açılan menyudan onları seçib üzərinə klikləməklə məhsulunuza atributlar əlavə edə bilərsiniz əlavə et. Sonra, fərdi məlumatınızı daxil etmək üçün atributun yanındakı açılan oxu seçin.
Məsələn, nümunəmizdə əlavə etdik Qırmızı kimi Rəng məhsulumuza atribut:

Bütün dəyişənlərinizi əlavə etdikdən sonra üzərinə klikləyin Atributları yadda saxlayın. İndi müştərilər WooCommerce məhsul filtr blokunuz vasitəsilə bu xüsusiyyətlərə malik əşyaları tapa biləcəklər.
Addım 2: Məhsul filtr blokunuzu daxil edin
Sonra, məhsul filtr blokundan istifadə etmək istədiyiniz səhifəni və ya postu açmalısınız. Müştərilər gözdən keçirərkən nəticələrini süzgəcdən keçirə bilmələri üçün mağaza səhifələrinizdə kənar paneldəki elementdən istifadə etməyi də nəzərdən keçirə bilərsiniz.
Birincisi, əlavə etməlisiniz Bütün Məhsullar səhifənizi bloklayın. Əks halda, WooCommerce xüsusi elementləri süzgəcdən keçirə və göstərə bilməyəcək.
Bunu üzərinə klikləməklə edə bilərsiniz + düyməsini basın və “bütün məhsullar” üçün axtarış edin. Bloku seçin və onu səhifənizə əlavə edin:

Sonra, “WooCommerce filter atributunu” axtarın:

Blokun üzərinə klikləyin və o, səhifənizə daxil ediləcək. İndi siz məhsul atributunu axtara və ya açılan siyahıdan birini seçə bilərsiniz. İstifadə edəcəyik Rəng bizim nümunəmizdə:

Blokunuz indi yeni başlıq və seçdiyiniz məhsul atributlarının siyahısını göstərmək üçün dəyişdiriləcək (məsələn, müxtəlif element rəngləri):

Görünüşünü bəyənirsinizsə, bloku olduğu kimi tərk edə bilərsiniz. Alternativ olaraq, növbəti addımda bu elementin görünüşünü necə fərdiləşdirməyi müzakirə edəcəyik.
Addım 3: Blok parametrlərini konfiqurasiya edin
Sonra, WooCommerce məhsul filtr blokunuzun görünüşünü fərdiləşdirə bilərsiniz. Sadəcə üzərinə klikləyin Məhsulları Atribut üzrə Filtrləyin blok edin və sonra sağdakı dişlilər simgesini seçin:

Burada siz öz ekranınızı göstərib-göstərməməyi seçə bilərsiniz Məhsul sayı. Böyük bir kataloqunuz varsa və müştərilərinizə seçim etmək üçün geniş çeşid vermək istəyirsinizsə, bu parametr lazımlı ola bilər.
Siz də seçə bilərsiniz Başlıq Səviyyəsi məhsul atributlarınız üçün. Varsayılan dəyərdir H3lakin siz seçə bilərsiniz H2 üçün H6 mağazanızın stilistik ehtiyaclarına uyğunlaşdırmaq üçün.
Aşağı sürüşdürsəniz, altında bəzi əlavə konfiqurasiyaları görməlisiniz Blok Parametrləri:

Burada özünüz seçə bilərsiniz Sorğu növü. Əgər seçsəniz Və, WooCommerce yalnız müştərinin qeyd etdiyi bütün atributları ehtiva edən məhsulları göstərəcək. Bu arada, Və ya seçim atributlardan ən azı birinə malik olan bütün elementləri göstərəcək.
Altında Ekran növü, siz atributlarınızı siyahı və ya açılan formatda göstərməyi seçə bilərsiniz. Hər iki seçim nisbətən istifadəçi dostudur.
Nəhayət, aktivləşdirməyi seçə bilərsiniz Filtr düyməsi. Onu yandırsanız, müştərilər klikləməli olacaqlar Get axtarış nəticələrini filtrləmək üçün. Bununla belə, onu tərk etsəniz, sadəcə olaraq atributlardan birini seçmək nümayiş olunan məhsulları yeniləyəcək.
Bu belədir! WooCommerce məhsul filtr blokunuz artıq fəaliyyətə hazırdır:

Sadəcə olaraq dəyişikliklərinizi yadda saxlayın və dərc edin. Müştərilər artıq məhsul axtarışlarını xüsusi atributlarla süzgəcdən keçirə biləcəklər.
WooCommerce məhsul filtri plaginlərinə ümumi baxış
Pulsuz WooCommerce bloklarından başqa, filtrlərinizi qurmaq üçün daha çox çeviklik əlavə etmək üçün üçüncü tərəf plaginlərinə də daxil ola bilərsiniz. Məsələn, WooCommerce Məhsul Axtarış plagini aşağıdakı filtr seçimlərini ehtiva edir:
- Məhsullar: Süzgəcdən keçirilmiş məhsulların kolleksiyasını göstərir. Bu blok mağaza səhifənizi təkrarlaya və eyni səhifədə digər məhsul filtr blokları tərəfindən idarə olunan elementləri göstərə bilər.
- Axtar: WooCommerce mağazanız üçün filtrlənmiş axtarış funksiyası yaradır.
- Kateqoriyalar: Geyim növü və ya cins kimi xüsusi kateqoriyalara uyğun məhsulları göstərir.
- Atributlar: Rəng, marka, ölçü, forma, marka və ya xüsusi xüsusiyyətlər kimi xüsusi atributları olan məhsulları göstərir.
- Teqlər: “Seçilmiş”, “loqo” və ya “trend” daxil olmaqla, məhsul etiketlərinə uyğun gələn məhsulları göstərir.
- Qiymət: Müəyyən edilmiş qiymət parametrləri daxilində məhsulları göstərir.
- Reytinq: Məhsulları orta reytinqinə görə təqdim edir.
- Satış: Yalnız satışda olan məhsulları göstərir.
- Səhm: Yalnız stokda olan məhsulları göstərir.
- Sıfırlayın: Müştərilərə məhsul filtri parametrlərini sıfırlamağa imkan verir. Sonra onlar bütün mövcud elementlərinizi görə bilər və ya axtarışlarını fərdiləşdirmək üçün yeni parametrlər daxil edə bilərlər.
👉 Alternativ olaraq, WooCommerce plagini üçün WOOF Məhsul Filtrindən istifadə etməyi düşünə bilərsiniz:
Bu plaginlə müştərilər elementləri kateqoriyalarına, atributlarına, etiketlərinə, fərdi taksonomiyalarına və qiymətlərinə görə süzgəcdən keçirə bilər. Üstəlik, göstərilən nəticələr adətən standart WooCommerce bloklarından daha cəlbedici və fərdiləşdirilə bilər.
WooBeWoo tərəfindən WooCommerce Məhsul Filtri başqa bir əla pulsuz seçimdir:
Siz onu tək və ya Elementor ilə birlikdə öz məhsul filtrlərinizi və yerləşdirmə şərtlərinizi tərtib etmək üçün istifadə edə bilərsiniz. The premium plagin kateqoriya nişanları, fərdi üslublar və filtrləri gizlət/göstərmə düyməsi kimi əlavə funksiyaları ehtiva edir.
Bu gün WooCommerce məhsul filtrləri ilə başlayın
WooCommerce məhsul filtr blokları müştərilərə mağazanızda xüsusi xüsusiyyətlərə malik əşyaları axtarmağa imkan verin. Əks halda, istifadəçilər bütün kataloqunuzu vərəqləmək məcburiyyətində qalacaq və çox güman ki, məyus olacaqlar. Buna görə də, bu bloklardan birini istifadə etmək onlayn mağazanızın UX-ni yaxşılaşdırmaq üçün vacibdir.
Xoşbəxtlikdən, WooCommerce məhsul filtr blokundan istifadə etmək də çox asandır. Siz sadəcə olaraq məhsullarınıza kateqoriyalar, atributlar və ya teqlər kimi taksonomiyalar əlavə etməlisiniz. Sonra müvafiq WooCommerce blokundan istifadə edə bilərsiniz Bütün Məhsullar mağaza səhifənizdə bloklayın.
Daha çox çeviklik üçün xüsusi WooCommerce məhsul filtri plaginini də quraşdıra bilərsiniz.
😎 Əgər daha yaxşı WooCommerce mağazası yaratmağın daha çox yollarını tapmaq istəyirsinizsə, mütləq WooCommerce plaginləri kolleksiyamıza da baxa bilərsiniz.