ما هي وكيفية استخدامها

قد يكون تشغيل متجر على الإنترنت أمرًا صعبًا. ستحتاج إلى تنظيم منتجاتك حتى يتمكن العملاء من العثور على العناصر التي يبحثون عنها. لحسن الحظ ، يمكن لكتل ​​عوامل تصفية منتجات WooCommerce تجميع وعرض العناصر المحددة من قبل المستخدم في ثوانٍ.

باستخدام كتل تصفية المنتج ، يمكنك تنظيم عناصر متجر WooCommerce وفقًا لخصائصها. قد تشمل هذه الأسعار أو الفئات أو السمات أو العلامات. بعد ذلك ، ستحتاج ببساطة إلى إدراج الحظر في منشور أو صفحة ، ويمكن لعملائك العثور على النتائج التي تمت تصفيتها.

في هذا الدليل ، سنقدم جميع مجموعات عوامل تصفية منتجات WooCommerce المختلفة ونناقش لماذا قد تفكر في استخدامها. بعد ذلك ، سنشرح كيفية إدراج هذه العناصر وتكوينها في متجرك عبر الإنترنت. هيا بنا نبدأ!

جدول المحتويات:

مقدمة لكتل ​​عوامل تصفية منتجات WooCommerce

يحتوي WooCommerce على مجموعة من كتل WooCommerce مصممة للسماح للمستخدمين بالبحث عن منتجات معينة في متجرك عبر الإنترنت. تمكن هذه العناصر التفاعلية المستهلكين من تصفية نتائجهم والعثور على العناصر الأكثر ملاءمة لاحتياجاتهم.

فيما يلي نظرة عامة سريعة على كتل عوامل تصفية منتجات WooCommerce المجانية:

• تصفية المنتجات حسب السعر: تتيح هذه الكتلة للعملاء اختيار نطاق سعري باستخدام شريط تمرير وعرض العناصر التي تناسب هذا النطاق فقط.
• تصفية المنتجات حسب السمة: يتيح للعملاء البحث عن العناصر وفقًا لسماتهم ، بما في ذلك الأحجام والألوان والأنماط.
• عوامل تصفية المنتج النشطة: تساعد العملاء على معرفة المرشحات التي قاموا بتطبيقها بالفعل على بحثهم حتى يتمكنوا من تعديلها.
• تصفية المنتجات حسب المخزون: تعرض هذه المجموعة فقط العناصر الموجودة في المخزون أو غير متوفرة أو في الطلب المتأخر.

يمكنك استخدام هذه الكتل في المنشورات والصفحات ومناطق عناصر واجهة المستخدم. عند التفاعل مع الكتلة ، سيتمكن العملاء من الاختيار من بين المعلمات المحددة مسبقًا لمشاهدة النتائج التي تمت تصفيتها.

إذا كنت تريد مزيدًا من المرونة لإعداد فلاتر المنتج ، فيمكنك أيضًا تثبيت مكون إضافي مخصص لفلتر منتج WooCommerce. سنشارك بعض خيارات الجودة لاحقًا في هذه المقالة.

لماذا قد تفكر في استخدام كتل عوامل تصفية منتجات WooCommerce

يمكن أن تؤدي كتل عوامل تصفية منتجات WooCommerce إلى تحسين تجربة المستخدم (UX) لمتجرك عبر الإنترنت بشكل كبير. إذا كان لديك كتالوج شامل من المنتجات ، فقد يقضي العملاء ساعات في التمرير خلال العناصر الخاصة بك أثناء البحث عن العناصر التي تناسب احتياجاتهم. ومع ذلك ، فمن المحتمل أن يشعروا بالإحباط وينقرون بعيدًا للتسوق في مكان آخر.

اعتمادًا على السلع التي تبيعها ، تتيح فلاتر المنتجات للعملاء تصفح متجرك بحثًا عن الألوان والأحجام والمكونات والعلامات التجارية التي تناسب احتياجاتهم. بالإضافة إلى ذلك ، سيتم تحديث النتائج على نفس الصفحة. لذلك ، لن يحتاج المستهلكون إلى الانتقال إلى صفحات الفئات ومقاطعة تجارب التسوق الخاصة بهم.

كيفية استخدام كتل عوامل تصفية منتجات WooCommerce

في هذا القسم الأول ، سنوضح لك كيفية استخدام كتل تصفية المنتج الافتراضية التي يتضمنها WooCommerce تلقائيًا. مرة أخرى ، لمزيد من المرونة ، يمكنك التفكير في أحد المكونات الإضافية لفلتر منتج WooCommerce في القسم التالي.

تعمل معظم كتل عوامل تصفية منتجات WooCommerce بنفس الطريقة. ستقوم ببساطة بإدخال الكتلة ثم تحديد خصائص المنتج التي يتم عرضها.

يمكنك العثور على كل هذه الكتل في WordPress بالنقر فوق الزر + لإدراج كتلة جديدة والبحث عن "عامل تصفية WooCommerce:"

ضع في اعتبارك أنك ستحتاج أولاً إلى إضافة سمات وعلامات وفئات وخصائص أخرى إلى منتجات WooCommerce الخاصة بك. خلاف ذلك ، لن يكون لديك أي بيانات لاستخدامها في حظرك.

الآن ، دعنا نلقي نظرة على كيفية استخدام كتل عوامل تصفية منتجات WooCommerce. سنستخدم تصفية المنتجات حسب عنصر السمة كمثال.

الخطوة 1: أضف سمات إلى منتجات WooCommerce الخاصة بك

️ ملاحظة - بالنسبة إلى عوامل التصفية الأخرى (مثل السعر أو المخزون) ، لن تحتاج إلى إعداد أي سمات.

إذا لم تكن قد قمت بذلك بالفعل ، فستحتاج إلى إضافة فئات وعلامات وسمات إلى منتجات WooCommerce الخاصة بك. تسهل هذه التصنيفات على العملاء العثور على العناصر التي يرغبون فيها. علاوة على ذلك ، لن تعمل كتل تصفية منتجات WooCommerce بدون هذه التصنيفات.

ابدأ بالانتقال إلى المنتجات > السمات في لوحة معلومات WordPress الخاصة بك. هنا ، يمكنك إنشاء تصنيفات جديدة لمنتجاتك. كما ترى ، لدينا بالفعل اللون والحجم في متجرنا على الإنترنت:

ستحتاج إلى إدخال اسم و slug لسمة جديدة. ثم انقر فوق إضافة سمة لحفظ التصنيف. لاحظ أنه يمكنك اتباع نفس العملية لفئات المنتجات (والفئات الفرعية) والعلامات.

ثم افتح منتجاتك لإضافة تصنيفاتها. يمكنك القيام بذلك بالانتقال إلى المنتجات > جميع المنتجات والنقر فوق أحد العناصر.

الآن ، قم بالتمرير لأسفل إلى قسم بيانات المنتج وافتح قائمة السمات :

يمكنك إضافة سمات إلى منتجك عن طريق تحديدها من القائمة المنسدلة والنقر فوق إضافة . ثم اختر سهم القائمة المنسدلة بجوار السمة لإدخال معلوماتك المخصصة.

على سبيل المثال ، في مثالنا ، أضفنا اللون الأحمر كسمة اللون إلى منتجنا:

عندما تنتهي من إضافة جميع المتغيرات الخاصة بك ، انقر فوق حفظ السمات . سيتمكن العملاء الآن من العثور على عناصر بهذه الخصائص من خلال كتلة مرشح منتج WooCommerce.

الخطوة 2: أدخل كتلة مرشح المنتج الخاص بك

بعد ذلك ، ستحتاج إلى فتح الصفحة أو النشر حيث تريد استخدام كتلة فلتر المنتج. يمكنك أيضًا التفكير في استخدام العنصر الموجود في الشريط الجانبي على صفحات متجرك بحيث يمكن للعملاء تصفية نتائجهم أثناء التصفح.

أولاً ، ستحتاج إلى إضافة كتلة كل المنتجات إلى صفحتك. خلاف ذلك ، لن تتمكن WooCommerce من تصفية وعرض عناصر معينة.

يمكنك القيام بذلك عن طريق النقر فوق الزر + والبحث عن "جميع المنتجات". حدد الكتلة وأضفها إلى صفحتك:

بعد ذلك ، ابحث عن "سمة عامل تصفية WooCommerce:"

انقر فوق الكتلة وسيتم إدراجها في صفحتك. يمكنك الآن البحث عن سمة منتج أو اختيار سمة من القائمة المنسدلة. سنستخدم اللون في مثالنا:

سيتم الآن تحويل الكتلة الخاصة بك لعرض عنوان جديد وقائمة بسمات المنتج التي اخترتها (مثل ألوان العناصر المختلفة):

يمكنك ترك الكتلة كما هي إذا كنت تحب شكلها. بدلاً من ذلك ، في الخطوة التالية ، سنناقش كيفية تخصيص مظهر هذا العنصر.

الخطوة 3: تكوين إعدادات الحظر

بعد ذلك ، يمكنك تخصيص مظهر كتلة عامل تصفية منتج WooCommerce. ما عليك سوى النقر فوق كتلة تصفية المنتجات حسب السمة ثم تحديد رمز التروس على اليمين:

هنا ، يمكنك اختيار ما إذا كنت تريد عرض عدد المنتجات الخاصة بك. يمكن أن يكون هذا الإعداد مفيدًا إذا كان لديك كتالوج كبير من العناصر وترغب في منح عملائك نطاقًا واسعًا للاختيار من بينها.

يمكنك أيضًا اختيار مستوى العنوان لسمات منتجك. القيمة الافتراضية هي H3 ، ولكن يمكنك الاختيار من H2 إلى H6 لتلائم احتياجات أسلوب متجرك.

إذا قمت بالتمرير لأسفل ، فسترى بعض التكوينات الإضافية ضمن إعدادات الحظر :

هنا يمكنك اختيار نوع الاستعلام الخاص بك. إذا اخترت And ، فسيعرض WooCommerce فقط المنتجات التي تحتوي على جميع السمات المحددة للعميل. وفي الوقت نفسه ، سيعرض الخيار Or جميع العناصر التي تحتوي على سمة واحدة على الأقل.

ضمن نوع العرض ، يمكنك اختيار عرض السمات الخاصة بك في تنسيق القائمة أو القائمة المنسدلة. كلا الخيارين سهل الاستخدام نسبيًا.

أخيرًا ، يمكنك اختيار تمكين زر التصفية . إذا قمت بتشغيله ، فسيحتاج العملاء إلى النقر فوق " انتقال " لتصفية نتائج البحث الخاصة بهم. ومع ذلك ، إذا تركته في وضع إيقاف التشغيل ، فسيؤدي تحديد إحدى السمات ببساطة إلى تحديث المنتجات المعروضة.

هذا هو! كتلة مرشح منتج WooCommerce جاهزة الآن للعمل:

ما عليك سوى حفظ ونشر التغييرات الخاصة بك. سيتمكن العملاء الآن من تصفية عمليات البحث عن منتجاتهم بسمات محددة.

نظرة عامة على المكونات الإضافية لفلتر منتج WooCommerce

بصرف النظر عن كتل WooCommerce المجانية ، يمكنك أيضًا الوصول إلى المكونات الإضافية لجهات خارجية لإضافة المزيد من المرونة لإعداد عوامل التصفية الخاصة بك. على سبيل المثال ، يحتوي المكون الإضافي WooCommerce Product Search على خيارات التصفية التالية:

• المنتجات: يعرض مجموعة من المنتجات التي تمت تصفيتها. يمكن لهذه الكتلة نسخ صفحة متجرك وعرض العناصر التي تتحكم فيها كتل تصفية المنتجات الأخرى في نفس الصفحة.
• البحث: لإنشاء وظيفة بحث تمت تصفيتها لمتجر WooCommerce الخاص بك.
• الفئات: تعرض المنتجات التي تتوافق مع فئات معينة ، مثل نوع الملابس أو الجنس.
• السمات: يعرض المنتجات بسمات معينة ، مثل اللون أو العلامة التجارية أو الحجم أو الشكل أو الماركة أو ميزات معينة.
• العلامات: تعرض المنتجات التي تتوافق مع علامات المنتج ، بما في ذلك "مميزة" أو "شعار" أو "رائجة".
• السعر: يعرض المنتجات ضمن معايير السعر المحددة.
• التصنيف: يعرض المنتجات وفقًا لمتوسط ​​تصنيفها.
• البيع: يعرض فقط المنتجات المعروضة للبيع.
• المخزون: يعرض فقط المنتجات الموجودة في المخزون.
• إعادة التعيين: يُمكّن العملاء من إعادة تعيين معلمات مرشح المنتج. بعد ذلك ، يمكنهم رؤية جميع العناصر المتوفرة لديك أو إدخال إعدادات جديدة لتخصيص عمليات البحث الخاصة بهم.

بدلاً من ذلك ، قد تفكر في استخدام WOOF Products Filter للمكوِّن الإضافي WooCommerce:

باستخدام هذا المكون الإضافي ، يمكن للعملاء تصفية العناصر وفقًا للفئات والسمات والعلامات والتصنيفات المخصصة والأسعار. بالإضافة إلى ذلك ، تكون النتائج المعروضة عادةً أكثر جاذبية وقابلية للتخصيص من كتل WooCommerce الافتراضية.

يعد WooCommerce Product Filter بواسطة WooBeWoo خيارًا ممتازًا آخر مجانيًا:

يمكنك استخدامه بمفرده أو مع Elementor لتصميم مرشحات المنتجات الخاصة بك وظروف التخطيط. يشتمل المكون الإضافي المميز على ميزات إضافية ، مثل رموز الفئات والأنماط المخصصة وزر إخفاء / إظهار عوامل التصفية.

ابدأ مع مرشحات منتجات WooCommerce اليوم

لحسن الحظ ، من السهل أيضًا استخدام كتلة فلتر منتج WooCommerce. ستحتاج ببساطة إلى إضافة تصنيفات ، مثل الفئات أو السمات أو العلامات إلى منتجاتك. بعد ذلك ، يمكنك استخدام كتلة WooCommerce المقابلة جنبًا إلى جنب مع كتلة جميع المنتجات في صفحة متجرك.

لمزيد من المرونة ، يمكنك أيضًا تثبيت مكون إضافي مخصص لفلتر منتج WooCommerce.

إذا كنت ترغب في العثور على المزيد من الطرق لإنشاء متجر WooCommerce أفضل ، يمكنك أيضًا التحقق من مجموعتنا من مكونات WooCommerce الإضافية التي لا غنى عنها.

هل لديك أي أسئلة حول استخدام كتل عوامل تصفية منتجات WooCommerce؟ واسمحوا لنا أن نعرف في قسم التعليقات أدناه!