WooCommerce mahsulot filtr bloklari: ular nima va ulardan qanday foydalanish kerak

Onlayn do’konni boshqarish qiyin bo’lishi mumkin. Mijozlar qidirayotgan narsalarni topishlari uchun mahsulotlaringizni tartibga solishingiz kerak. Yaxshiyamki, WooCommerce mahsulot filtr bloklari foydalanuvchi tomonidan belgilangan elementlarni soniyalar ichida guruhlashi va ko‘rsatishi mumkin.

Mahsulot filtr bloklari yordamida siz WooCommerce do’konidagi narsalarni ularning xususiyatlariga ko’ra tashkil qilishingiz mumkin. Bularga ularning narxlari, toifalari, atributlari yoki teglari kirishi mumkin. Keyin, siz shunchaki blokni post yoki sahifaga kiritishingiz kerak bo’ladi va mijozlaringiz filtrlangan natijalarni topishlari mumkin.

Ushbu qo’llanmada biz barcha WooCommerce mahsulot filtr bloklarini tanishtiramiz va nima uchun ulardan foydalanishni o’ylashingiz mumkinligini muhokama qilamiz. Keyin, biz ushbu elementlarni onlayn do’koningizga qanday kiritish va sozlashni tushuntiramiz. Qani boshladik!

📚 Mundarija:

WooCommerce mahsulot filtr bloklari bilan tanishish

WooCommerce foydalanuvchilarga sizning onlayn-do’koningizda ma’lum mahsulotlarni qidirishga imkon beradigan WooCommerce bloklari to’plamiga ega. Ushbu interaktiv elementlar iste’molchilarga o’z natijalarini filtrlash va ehtiyojlariga eng mos narsalarni topish imkonini beradi.

Bu erda bepul WooCommerce mahsulot filtr bloklari haqida qisqacha ma’lumot:

• Mahsulotlarni narx bo‘yicha filtrlash: Ushbu blok mijozlarga slayder yordamida narx oralig’ini tanlash va faqat shu diapazonga mos keladigan narsalarni ko’rsatish imkonini beradi.
• Mahsulotlarni atribut bo‘yicha filtrlash: Bu mijozlarga ob’ektlarni o’z atributlari, jumladan o’lchamlari, ranglari va uslublari bo’yicha qidirish imkonini beradi.
• Faol mahsulot filtrlari: Bu mijozlar qidiruviga qaysi filtrlarni qoʻllaganliklarini koʻrishga yordam beradi, shunda ular buni sozlashlari mumkin.
• Mahsulotlarni zaxiraga qarab filtrlash: Bu blokda faqat zaxiradagi, yo‘qolgan yoki buyurtmada bo‘lgan mahsulotlar ko‘rsatilgan.

Siz ushbu bloklardan postlar, sahifalar va vidjet maydonlarida foydalanishingiz mumkin. Blok bilan o’zaro aloqada bo’lganda, mijozlar filtrlangan natijalarni ko’rish uchun oldindan belgilangan parametrlardan tanlashlari mumkin bo’ladi.

👉 Agar mahsulot filtrlarini sozlashda koʻproq moslashuvchanlikni istasangiz, maxsus WooCommerce mahsulot filtri plaginini ham oʻrnatishingiz mumkin. Keyinchalik ushbu maqolada ba’zi sifatli variantlarni baham ko’ramiz.

Nima uchun WooCommerce mahsulot filtr bloklaridan foydalanishni o’ylab ko’rishingiz mumkin

WooCommerce mahsulot filtr bloklari sizning onlayn-do’koningizning foydalanuvchi tajribasini (UX) sezilarli darajada yaxshilashi mumkin. Agar sizda keng qamrovli mahsulotlar katalogingiz bo’lsa, mijozlar o’z ehtiyojlariga mos keladigan narsalarni qidirib, bir necha soatlab mahsulotlaringizni aylanib chiqishlari mumkin. Biroq, ular hafsalasi pir bo’lib, boshqa joydan xarid qilish uchun bosishlari mumkin.

Siz sotadigan tovarlarga qarab, mahsulot filtrlari mijozlarga ularning ehtiyojlariga mos ranglar, o’lchamlar, ingredientlar va brendlar uchun do’koningizni ko’rib chiqish imkonini beradi. Bundan tashqari, natijalar xuddi shu sahifada yangilanadi. Shu sababli, iste’molchilar toifa sahifalariga o’tishlari va xarid qilish tajribasini to’xtatishlari shart emas.

WooCommerce mahsulot filtr bloklarini qanday ishlatish kerak

Ushbu birinchi bo’limda biz WooCommerce avtomatik ravishda o’z ichiga olgan standart mahsulot filtr bloklaridan qanday foydalanishni ko’rsatamiz. Shunga qaramay, ko’proq moslashuvchanlik uchun keyingi bo’limda WooCommerce mahsulot filtri plaginlaridan birini ko’rib chiqishingiz mumkin.

WooCommerce mahsulot filtr bloklarining aksariyati xuddi shunday ishlaydi. Siz shunchaki blokni joylashtirasiz va keyin qaysi mahsulot xarakteristikasi ko’rsatilishini aniqlaysiz.

WordPress-da ushbu bloklarning barchasini bosish orqali topishingiz mumkin + Yangi blokni kiritish va “WooCommerce filtri” ni qidirish uchun tugmani bosing:

Yodda tutingki, avval WooCommerce mahsulotlaringizga atributlar, teglar, toifalar va boshqa xususiyatlarni qo’shishingiz kerak. Aks holda, blokingizda foydalanish uchun hech qanday ma’lumotingiz bo’lmaydi.

Keling, WooCommerce mahsulot filtr bloklarini qanday ishlatishni ko’rib chiqaylik. dan foydalanamiz Mahsulotlarni atribut bo‘yicha filtrlash element misol sifatida.

1-qadam: WooCommerce mahsulotlaringizga atributlar qo’shing

ℹ️ Eslatma – boshqa filtrlar uchun (masalan, narx yoki aksiya) hech qanday atributni o‘rnatishingiz shart emas.

Agar siz hali buni qilmagan bo’lsangiz, WooCommerce mahsulotlaringizga toifalar, teglar va atributlarni qo’shishni xohlaysiz. Ushbu taksonomiyalar mijozlarga kerakli narsalarni topishni osonlashtiradi. Bundan tashqari, WooCommerce mahsulot filtr bloklari ushbu tasniflarsiz ishlamaydi.

Navigatsiyadan boshlang Mahsulotlar > Atributlar WordPress boshqaruv panelida. Bu yerda siz mahsulotlaringiz uchun yangi tasniflarni yaratishingiz mumkin. Ko’rib turganingizdek, bizda allaqachon mavjud Rang va Hajmi bizning onlayn do’konimizda:

Yangi atributingiz uchun nom va slug kiritishingiz kerak. Keyin, ustiga bosing Atribut qo’shing tasnifni saqlash uchun. Mahsulot toifalari (va kichik toifalar) va teglar uchun bir xil jarayonni kuzatishingiz mumkinligini unutmang.

Keyin, ularning taksonomiyalarini qo’shish uchun mahsulotlaringizni oching. Buni navigatsiya qilish orqali qilishingiz mumkin Mahsulotlar > Barcha mahsulotlar va biror elementni bosing.

Endi pastga aylantiring Mahsulot ma’lumotlari bo’limini oching Atributlar menyu:

Ochiladigan menyudan ularni tanlab, ustiga bosish orqali mahsulotingizga atributlarni qo’shishingiz mumkin Qo’shish. Keyin, maxsus ma’lumotlarni kiritish uchun atribut yonidagi ochiladigan o’qni tanlang.

Misol uchun, bizning misolimizda biz qo’shdik Qizil kabi Rang mahsulotimizga xos xususiyat:

Barcha o’zgaruvchilarni qo’shgandan so’ng, ustiga bosing Atributlarni saqlang. Endi mijozlar WooCommerce mahsulot filtri bloki orqali ushbu xususiyatlarga ega narsalarni topishlari mumkin bo’ladi.

2-qadam: Mahsulot filtr blokini joylashtiring

Keyinchalik, mahsulot filtri blokidan foydalanmoqchi bo’lgan sahifani yoki postni ochishingiz kerak bo’ladi. Mijozlar ko’rib chiqish vaqtida o’z natijalarini filtrlashi uchun do’kon sahifalaringizdagi yon paneldagi elementdan foydalanishni ham ko’rib chiqishingiz mumkin.

Birinchidan, siz qo’shishingiz kerak Barcha mahsulotlar sahifangizni bloklash. Aks holda, WooCommerce muayyan elementlarni filtrlay olmaydi va ko‘rsata olmaydi.

Buni bosish orqali qilishingiz mumkin + tugmasini bosing va “barcha mahsulotlar” ni qidiring. Blokni tanlang va uni sahifangizga qo’shing:

Keyin, “WooCommerce filtri atributini” qidiring:

Blokni bosing va u sizning sahifangizga kiritiladi. Endi siz mahsulot atributini qidirishingiz yoki ochiladigan ro’yxatdan birini tanlashingiz mumkin. Biz foydalanamiz Rang bizning misolimizda:

Blokingiz endi yangi sarlavha va siz tanlagan mahsulot atributlari roʻyxatini (masalan, turli xil elementlarning ranglari) koʻrsatish uchun oʻzgartiriladi:

Blokni qanday ko’rinishini yoqtirsangiz, shunday qoldirishingiz mumkin. Shu bilan bir qatorda, keyingi bosqichda biz ushbu elementning ko’rinishini qanday sozlashni muhokama qilamiz.

3-qadam: Blok sozlamalarini sozlang

Keyinchalik, WooCommerce mahsulot filtr blokining ko’rinishini sozlashingiz mumkin. Shunchaki bosing Mahsulotlarni atribut bo‘yicha filtrlash bloklang va keyin o’ngdagi vites belgisini tanlang:

Bu erda siz o’zingizni ko’rsatishni tanlashingiz mumkin Mahsulotlar soni. Agar sizda mahsulotlarning katta katalogiga ega bo’lsangiz va mijozlaringizga tanlash uchun keng assortimentni berishni istasangiz, bu sozlama qulay bo’lishi mumkin.

ni ham tanlashingiz mumkin Sarlavha darajasi mahsulot atributlari uchun. Standart qiymat H3lekin siz tanlashingiz mumkin H2 uchun H6 do’koningizning stilistik ehtiyojlarini qondirish uchun.

Agar siz pastga aylantirsangiz, ostida ba’zi qo’shimcha konfiguratsiyalarni ko’rishingiz kerak Bloklash sozlamalari:

Bu erda siz o’zingizni tanlashingiz mumkin So’rov turi. Agar tanlasangiz Va, WooCommerce faqat mijozning barcha belgilangan atributlarini o’z ichiga olgan mahsulotlarni ko’rsatadi. Ayni paytda, Yoki parametr kamida bitta atributga ega bo’lgan barcha elementlarni ko’rsatadi.

ostida Displey turi, siz atributlaringizni ro’yxat yoki ochiladigan formatda ko’rsatishni tanlashingiz mumkin. Ikkala variant ham nisbatan qulay.

Nihoyat, siz yoqishni tanlashingiz mumkin Filtr tugmasi. Agar siz uni yoqsangiz, mijozlar tugmani bosishlari kerak Bor qidiruv natijalarini filtrlash uchun. Biroq, agar siz uni o’chirib qo’ysangiz, atributlardan birini tanlash ko’rsatilgan mahsulotlarni yangilaydi.

Bo’ldi shu! Sizning WooCommerce mahsulot filtri bloki endi harakatga tayyor:

Oʻzgartirishlaringizni shunchaki saqlang va eʼlon qiling. Mijozlar endi mahsulot qidirishlarini muayyan atributlar bilan filtrlashlari mumkin bo’ladi.

WooCommerce mahsulot filtri plaginlari haqida umumiy ma’lumot

Bepul WooCommerce bloklaridan tashqari, filtrlaringizni sozlash uchun ko’proq moslashuvchanlikni qo’shish uchun uchinchi tomon plaginlariga ham kirishingiz mumkin. Masalan, WooCommerce Mahsulot qidirish plagini quyidagi filtr variantlarini o’z ichiga oladi:

• Mahsulotlar: Filtrlangan mahsulotlar to’plamini ko’rsatadi. Ushbu blok sizning do’kon sahifangizni takrorlashi va xuddi shu sahifadagi boshqa mahsulot filtr bloklari tomonidan boshqariladigan narsalarni ko’rsatishi mumkin.
• Qidirmoq: WooCommerce do’koningiz uchun filtrlangan qidiruv funksiyasini yaratadi.
• Kategoriyalar: Kiyim turi yoki jinsi kabi maʼlum toifalarga mos mahsulotlarni koʻrsatadi.
• Atributlar: Rang, brend, oʻlcham, shakl, ishlab chiqarish yoki alohida xususiyatlar kabi oʻziga xos atributlarga ega mahsulotlarni koʻrsatadi.
• Teglar: Mahsulot teglariga mos keladigan mahsulotlarni ko‘rsatadi, jumladan, “tanlangan”, “logotip” yoki “trend”.
• Narxi: Belgilangan narx parametrlaridagi mahsulotlarni ko’rsatadi.
• Reyting: Mahsulotlarni o’rtacha reytingiga ko’ra taqdim etadi.
• Sotish: Faqat sotuvdagi mahsulotlarni ko’rsatadi.
• Aksiya: Faqat zaxiradagi mahsulotlarni ko’rsatadi.
• Qayta o’rnatish: Mijozlarga mahsulot filtri parametrlarini tiklash imkonini beradi. Keyin ular sizning barcha mavjud narsalarni ko’rishlari yoki qidiruvlarini sozlash uchun yangi sozlamalarni kiritishlari mumkin.

👉 Shu bilan bir qatorda, WooCommerce plagini uchun WOOF mahsulotlari filtridan foydalanishni ko‘rib chiqishingiz mumkin:

Ushbu plagin yordamida mijozlar elementlarni toifalari, atributlari, teglari, maxsus taksonomiyalari va narxlari bo’yicha filtrlashlari mumkin. Bundan tashqari, ko’rsatilgan natijalar odatda standart WooCommerce bloklariga qaraganda ancha jozibali va sozlanishi.

WooBeWoo tomonidan yaratilgan WooCommerce mahsulot filtri yana bir ajoyib freemium variantidir:

Siz uni o’zingiz yoki Elementor bilan o’zingizning mahsulot filtrlaringiz va joylashtirish shartlarini loyihalash uchun ishlatishingiz mumkin. The premium plagin turkum piktogrammalari, moslashtirilgan uslublar va filtrlarni yashirish/koʻrsatish tugmasi kabi qoʻshimcha funksiyalarni oʻz ichiga oladi.

WooCommerce mahsulot filtrlari bilan bugunoq boshlang

Yaxshiyamki, WooCommerce mahsulot filtr blokidan foydalanish ham juda oson. Siz mahsulotlaringizga toifalar, atributlar yoki teglar kabi taksonomiyalarni qo’shishingiz kerak bo’ladi. Keyin tegishli WooCommerce blokidan foydalanishingiz mumkin Barcha mahsulotlar do’kon sahifangizda blokirovka qiling.

Ko’proq moslashuvchanlik uchun siz maxsus WooCommerce mahsulot filtri plaginini ham o’rnatishingiz mumkin.

😎 Agar siz yaxshiroq WooCommerce doʻkonini yaratishning yanada koʻproq yoʻllarini topmoqchi boʻlsangiz, bizning WooCommerce plaginlari toʻplamini ham koʻrishingiz mumkin.