كيفية إضافة أوجه وعوامل تصفية في WooCommerce - دليل خطوة بخطوة

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

واحدة من الميزات الرئيسية التي تجعل هذا ممكنًا هو البحث متعدد الأوجه.

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

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

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

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

قد يؤثر ذلك سلبًا على تجربة العميل.

يمكنك تجنب ذلك عن طريق إضافة واجهات وفلاتر WooCommerce متقدمة إلى متجرك. سيؤدي القيام بذلك إلى تحسين تجربة البحث في موقع التجارة الإلكترونية بشكل كبير.

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

ما هي عوامل التصفية والأوجه في WooCommerce؟

تعد الفلاتر والأوجه ميزتين مهمتين ستجدهما في مواقع التجارة الإلكترونية الناجحة. يمكنك استخدام عناصر تجربة المستخدم (UX) لتحسين البحث عن المنتج والتنقل في الموقع في متجر WooCommerce.

لكنهم يعملون بشكل مختلف قليلاً.

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

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

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

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

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

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

هذا له فوائد استخدام واضحة للمتاجر عبر الإنترنت.

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

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

في العالم الحقيقي ، تبدو النتائج كما يلي:

كما نرى على موقع Next ، تتغير المرشحات المتاحة في كل صفحة فئة اعتمادًا على المنتج المدرج في الصفحة.

يساعد تنفيذ الجوانب بهذه الطريقة زوار موقعك على البحث في منتجاتك بشكل أسرع.

ما الذي تبحث عنه في مكون البحث الإضافي WooCommerce

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

ولكن ما الذي يجعل مكون البحث الإضافي WooCommerce رائعًا؟

سهولة الاستعمال

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

الاعتبار الأول هنا هو أهمية المرشحات المتاحة في كل صفحة.

يجب أن يكون المكون الإضافي قادرًا على تجميع المرشحات وعرضها بمنطق يناسب سلوك بحث العميل العادي.

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

قد ترغب أيضًا في إيلاء اهتمام وثيق لتصميم UI / UX.

على سبيل المثال ، يجب وضع عوامل التصفية والأوجه في الزاوية المناسبة من الصفحة (عادةً في الجزء العلوي أو في أداة الشريط الجانبي).

عدد أنماط عرض المرشح مهم أيضًا. تشمل الخيارات الشائعة القوائم المنسدلة ومربعات الاختيار وأزرار الاختيار وشرائح النطاق.

كلما كان لديك المزيد من البدائل ، كان ذلك أفضل!

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

القدرة على تطبيق مرشحات متعددة في وقت واحد

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

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

هذا يعني أنه لم يعد يتعين عليهم مشاهدة صفحات نتائج بحث متعددة فقط للعثور على ما يريدون.

يجب أن يوفر المكون الإضافي أيضًا خيارًا لتطبيق المرشحات المحددة بطرق مختلفة.

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

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

التصفية باستخدام أي بيانات المنتج

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

لا يكون القيام بذلك ممكنًا إلا إذا كان المكون الإضافي للبحث WooCommerce يسمح لك بإنشاء عوامل تصفية بناءً على أي نوع من بيانات المنتج تقريبًا.

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

تشمل الأنواع الأخرى من بيانات المنتج التي تجعل البحث الأوجه فعالا للغاية التصفية حسب السعر والتصنيفات والفئات والعلامات.

باستخدام ملحق التصفية الصحيح ، يمكنك حتى إضافة عوامل تصفية للبيانات غير الافتراضية باستخدام مكونات تصنيف مخصصة مثل Easy Post Types و Fields.

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

الأداء والملاءمة مع المطورين

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

في كل مرة يقوم الزائر بتطبيق عامل تصفية ، يبدأ المكون الإضافي في البحث في مئات ، أو ربما آلاف المنتجات للعثور على المطابقة الصحيحة.

إذا لم يتم تحسين المكوِّن الإضافي جيدًا للأداء ، فقد يستغرق عرض النتائج إلى الأبد. يمكن أن يؤدي ذلك إلى تأجيل بعض العملاء أو حتى جعلهم يغادرون متجرك تمامًا.

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

يجب أن يكون المكون الإضافي الجيد للبحث ذو الأوجه في WordPress سريع الاستجابة.

هل تبدو المرشحات مناسبة على الأجهزة المحمولة؟ ما مدى سهولة التنقل بينها وهل تعرض النتائج بسرعة؟ هذه أسئلة مهمة تحتاج إلى العثور على إجابات لها.

الود مع المطور هو نفس القدر من الأهمية.

يجب كتابة كود مكون بحث WooCommerce جيد بطريقة يسهل تعديلها. هذا مناسب للمستخدمين الذين يعرفون بعض PHP و CSS.

هذا يعني أنهم سيكونون قادرين على تعديل سلوك البحث أو تخصيص مظهر المرشحات وفقًا لذلك.

التوافق مع المكونات الإضافية الأخرى

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

يساعدك هذا على الاستفادة من نمطية النظام الأساسي.

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

قد ترغب أيضًا في أن يستخدم زوار موقعك عوامل التصفية عند التنقل في نظام طلب المطاعم عبر الإنترنت.

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

ما هو أفضل مكون إضافي لمرشح ووردبريس؟

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

في النهاية ، اختيارنا الأول لأفضل مكون إضافي للبحث WooCommerce هو WooCommerce Product Filters.

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

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

يمكنك أيضًا الحصول على قدر كبير من المرونة عندما يتعلق الأمر بعرض عوامل التصفية الخاصة بك. تتحد أنماط التصفية هذه مع ميزات تصميم UI / UX الأخرى التي تجعل من السهل جدًا على المستخدمين التنقل في موقعك والعثور على ما يبحثون عنه.

دعنا نلقي نظرة فاحصة على الميزات الرئيسية للإضافة.

الميزات الرئيسية لفلاتر منتج WooCommerce

فيما يلي بعض ميزات عامل التصفية الرئيسية التي تضيفها WooCommerce Product Filters إلى متجر WordPress الخاص بك:

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

الآن بعد أن عرفنا مدى فعالية عمل WooCommerce Product Filters ، دعنا نوضح لك كيفية إضافة أوجه وعوامل تصفية معها.

كيفية إضافة بحث متعدد الأوجه وعوامل تصفية إلى متجر WooCommerce

هل أنت مستعد لإضافة جوانب وفلاتر WooCommerce متقدمة إلى متجرك؟

اتبع هذه الخطوات الأربع البسيطة:

الخطوة 1: قم بتثبيت وتنشيط عوامل تصفية منتج WooCommerce

ابدأ بالحصول على نسخة من WooCommerce Product Filters هنا.

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

سجّل الدخول إلى لوحة تحكم مسؤول WordPress وانتقل إلى الإضافات> إضافة جديد> تحميل البرنامج المساعد .

قم بتحميل ملف .zip الذي قمت بتنزيله مسبقًا وانقر فوق التثبيت الآن . ثم انقر فوق تنشيط البرنامج المساعد .

الخطوة 2: تكوين إعدادات مرشح المنتج

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

فيما يلي بعض أهم الإعدادات التي يجب وضعها في الاعتبار:

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

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

الخطوة 2: قم بإنشاء المرشحات الأولى

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

للقيام بذلك ، انتقل إلى Products> Filters في مسؤول WordPress.

في علامة التبويب عوامل التصفية ، انقر لتحرير مجموعة التصفية الافتراضية أو إنشاء مجموعة جديدة. ابحث عن نموذج إضافة مرشح جديد واملأ المعلومات الضرورية.

أدخل تفاصيل مهمة مثل اسم المرشح ونوع المرشح وسمات المرشح مثل اللون والعلامات وفئة المنتج.

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

الخطوة 4: أضف عوامل تصفية إلى أي صفحة

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

عرض في جميع صفحات المتجر

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

إذا كنت قد فعلت هذا بالفعل فهذا رائع. بخلاف ذلك ، انتقل إلى المنتجات> الفلاتر> الإعدادات وافعل ذلك الآن.

إضافة أدوات التصفية

بدلاً من ذلك (أو بالإضافة إلى ذلك) لعرض مجموعة تصفية أعلى صفحات متجرك ، يمكنك إضافة عوامل تصفية كأدوات للشريط الجانبي.

للقيام بذلك ، انتقل إلى Appearance> Widgets .

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

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

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

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

استخدم رمزًا قصيرًا لإضافة عوامل تصفية في أي مكان

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

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

للعثور على الرمز المختصر ، انتقل إلى المنتجات> عوامل التصفية وانسخ والصق الرمز القصير لمجموعة التصفية التي تريد عرضها.

أضف بحث WooCommerce ذو الأوجه إلى متجرك اليوم

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

سيؤثر هذا بدوره على معدل التحويل ورضا العملاء بشكل إيجابي.

يمكنك ترقية تجربة البحث في متجرك عن طريق إضافة مكون إضافي لمرشح الأوجه إليه.

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

نأمل أن تساعدك هذه الخطوات البسيطة في تحسين تجربة عملاء متجرك!

أخبرنا إذا كان لديك أي أسئلة في قسم التعليقات أدناه.