في العالم التنافسي للتجارة الإلكترونية ، يمكن تجربة العملاء تحقيق نجاحك أو كسرها. واحدة من أقوى الطرق لتعزيز هذه التجربة هي تحسين كيفية بحث عملائك عن المنتجات. إذا كنت تستخدم WooCommerce ، فإن إعداد مرشحات البحث المخصصة يمكن أن يعزز بشكل كبير من قابلية الاستخدام لمتجرك عبر الإنترنت ، وتقليل معدلات الارتداد ، وزيادة التحويلات. في هذا البرنامج التعليمي خطوة بخطوة ، سنتخبطك في كيفية إنشاء وتكوين مرشحات البحث المخصصة لتتناسب مع احتياجات متجرك الفريدة.
لماذا مرشحات البحث المخصصة مهمة
تخيل المشي في متجر متعدد الأقسام وعدم وجود أي علامات أو أقسام لإرشادك إلى المنتج الذي تبحث عنه. هذا ما يبدو عليه التسوق في موقع التجارة الإلكترونية غير المصمم بشكل سيء. يمكن لمرشحات البحث المخصصة حل هذه المشكلة بحلول:
- مساعدة العملاء في العثور على المنتجات بشكل أسرع
- تحسين التنقل على موقعك
- تقليل الإحباط الذي يؤدي إلى التخلي عن العربة
- زيادة معدل التحويل العام الخاص بك
يوفر WooCommerce القوة والمرونة اللازمة لتكييف تجربة البحث والتصفية في متجرك ، وبمساعدة بعض الإضافات ، يمكنك توفير تجربة تسوق سلسة لعملائك.
الخطوة 1: تحديد معايير التصفية الخاصة بك
الخطوة الأولى في إنشاء مرشح بحث مخصص فعال هي معرفة ما يبحث عنه عملاؤك. فكر في السمات الأساسية لمنتجاتك. تشمل سمات التصفية الشائعة:
- سعر: النطاقات أو المتزلجون (على سبيل المثال ، من 0 إلى 50 دولارًا ، 50 دولارًا – 100 دولار)
- فئات: الإلكترونيات ، الملابس ، الملحقات ، إلخ.
- العلامات أو السمات: اللون ، الحجم ، العلامة التجارية ، المواد
- تقييمات: درجات مراجعة العملاء
ستحتاج إلى إنشاء مرشحات ذات صلة بنوع المنتجات التي تقدمها ، مما يسهل على المستخدمين تضييق الخيارات.
الخطوة 2: اختر المكون الإضافي الصحيح
لا يوفر WordPress إمكانات تصفية متقدمة مباشرة خارج المربع. لحسن الحظ ، هناك العديد من الإضافات المصممة خصيصًا لتصفية WooCommerce:
- مرشح منتج WooCommerce (المعروف أيضًا باسم xforwoocommerce)
- Yith WooCommerce Ajax Filter
- Facetwp
- WOOF – مرشح منتجات WooCommerce
لهذا البرنامج التعليمي ، سوف نستخدم الشهيرة وسهلة الاستخدام Yith WooCommerce Ajax Filter. تم تبنيها على نطاق واسع ، وتحديثها بانتظام ، ورائعة لكل من المبتدئين والمستخدمين المتقدمين.
الخطوة 3: تثبيت وتنشيط البرنامج المساعد
لتثبيت البرنامج المساعد:
- قم بتسجيل الدخول إلى لوحة معلومات مسؤول WordPress الخاصة بك.
- انتقل إلى الإضافات> إضافة جديدة.
- في شريط البحث ، اكتب “مرشح منتج Yith WooCommerce Ajax.”
- انقر تثبيت الآن وثم فعل.
بمجرد التفعيل ، ستجد خيارًا جديدًا في الشريط الجانبي للتكوين تحت yith> مرشح منتج Ajax.
الخطوة 4: تكوين إعدادات المرشح
حان الوقت الآن لإنشاء أول مرشح مسبقًا. اذهب إلى:
yith> مرشح منتج Ajax> الإعداد المسبق
هنا ، يمكنك تحديد كيف ستبدو المرشحات الخاصة بك وتتصرف. سوف تريد:
- اسم الإعداد المسبق الخاص بك – على سبيل المثال ، “مرشح الشريط الجانبي” أو “مرشحات صفحة المتجر”.
- اختر نمط التصميم – قائمة ، منسدلة ، حوامل الألوان ، إلخ.
- حدد أنواع المرشحات – السمات ، الفئات ، السعر ، العلامات ، التصنيفات.
كل مرشح تضيفه يحتاج إلى تخصيص. على سبيل المثال ، ل لون مرشح السمة ، يمكنك اختيار حوامل الألوان بدلاً من القائمة المنسدلة العامة. يضيف هذا الإشارة المرئية الصغيرة الكثير إلى تجربة المستخدم.
الخطوة 5: تعيين موقع المرشح
يجب وضع المرشحات في موقع مرئي يمكن الوصول إليه في متجرك. تتيح لك معظم موضوعات WooCommerce وبناة الصفحات مثل Elementor أو WPBAKERY وضع المرشحات داخل الأشرطة الجانبية أو الرؤوس أو حتى الألواح العائمة.
لإضافة مسبق مرشحك المخصص إلى الشريط الجانبي:
- اذهب إلى المظهر> عناصر واجهة المستخدم.
- اسحب Yith Ajax Filter مسبقًا مسبقًا أداة في الشريط الجانبي المطلوب.
- حدد الإعداد المسبق الذي أنشأته سابقًا من قائمة القائمة المنسدلة.
إذا كنت تستخدم صفحة متجر مخصصة تم تصميمها باستخدام منشئ الصفحة ، فاستخدم أداة Yith المقابلة أو الرمز القصير لتضمين المرشحات أينما تريد.
الخطوة 6: تخصيص المرشحات مع CSS (اختياري)
إذا كنت مرتاحًا للرمز ، فإن إضافة القليل من CSS المخصص يمكن أن تقطع شوطًا طويلاً في جعل المرشحات تبدو أصلية لتصميم متجرك.
.yith-wcan-filters {
background-color: #f9f9f9;
border-radius: 5px;
padding: 15px;
}
.yith-wcan-filter-title {
font-weight: bold;
color: #333;
}
يمكن أن يساعد هذا التصميم البسيط في الحفاظ على الاتساق البصري ويعزز احترافية واجهة المتجر الخاصة بك.
الخطوة 7: اختبر المرشحات الخاصة بك
لا تسير على الهواء مباشرة بدون اختبار. فيما يلي بعض الأشياء للتحقق منها:
- هل تعمل جميع المرشحات كما هو متوقع؟
- هل يتم تحديث المنتجات عبر Ajax بدلاً من إعادة تحميل الصفحة بأكملها؟
- هل يعمل عرض الهاتف المحمول بسلاسة؟
- هل عملية التصفية سريعة وسريعة الاستجابة؟
يجب عليك اختبار المرشحات عبر أجهزة ومتصفحات متعددة لضمان عمل كل شيء بسلاسة لجميع المستخدمين.
المكافأة: إضافة ميزات صديقة لكبار المسئولين الاقتصاديين
على الرغم من أن تصفية AJAX أمر رائع لتجربة المستخدم ، إلا أنه يمكن أن يعوق SEO في بعض الأحيان إذا لم يتم تنفيذه بشكل صحيح نظرًا لأن المنتجات التي تمت تصفيتها قد لا تكون قابلة للزحف بواسطة محركات البحث.
النظر في الممارسات الصديقة لكبار المسئولين الاقتصاديين التالي:
- استخدم إعادة كتابة عنوان URL بحيث يخلق كل مجموعة مرشح عنوان URL فريدًا وقابل للزحف.
- تنفيذ البيانات المنظمة (ترميز المخطط) للمنتجات والمرشحات.
- أضف عناوين وصفية واضحة وأوصاف للحالات التي تمت تصفيتها إذا كان ذلك ممكنًا.
بعض الإضافات ، مثل FacetWP ، تتعامل مع هذا بشكل جيد للغاية ويجب مراعاتها إذا كانت كبار المسئولين الاقتصاديين هي أولوية قصوى.
المزالق الشائعة وكيفية تجنبها
على الرغم من أن إعداد مرشحات البحث المخصصة أمر واضح نسبيًا ، فهناك مشكلات شائعة يواجهها العديد من أصحاب المتاجر:
- مرشحات معاومة: الكثير من المرشحات يمكن أن تطغى على المستخدمين.
- التناقض: المرشحات التي تظهر في صفحة واحدة ولكن ليس مستخدمين آخرين يربكون.
- إصدارات البرنامج المساعد عفا عليها الزمن: تنشأ مشكلات الأمان والأداء عندما لا يتم تحديث الإضافات بانتظام.
تجنب ذلك عن طريق تدقيق المرشحات بانتظام ، والحفاظ على الأمور بسيطة ، وضمان تصميم ثابت عبر الصفحات.
خاتمة
يعد إعداد مرشحات البحث المخصصة لمتجر WooCommerce الخاص بك أحد أفضل الطرق لتعزيز تجربة المستخدم وتشجيع اكتشاف المنتج وزيادة المبيعات في النهاية. من خلال تحديد سمات التصفية الخاصة بك بوضوح ، واختيار المكون الإضافي المناسب ، وتخصيص كل شيء لتتناسب مع العلامة التجارية لمتجرك ، فإنك تمنح عملائك الأدوات التي يحتاجونها للعثور على ما يريدون بالضبط – بشكل سريع وسهل.
ستساعدك الخطوات المذكورة أعلاه على إنشاء نظام تصفية لا يبدو رائعًا فحسب ، بل توفر أيضًا نتائج قابلة للقياس. لا تقلل من قوة الملاحة المبسطة ؛ في بعض الأحيان ، يمكن أن يحدث تغيير بسيط مثل مرشح في وضع جيد عالمًا من الاختلاف.
