كيفية إضافة فئات منتجات WooCommerce إلى القائمة

نشرت: 2020-12-08

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

لماذا تضيف فئات المنتجات إلى القائمة؟

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

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

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

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

كيفية إضافة فئات منتجات WooCommerce إلى القائمة

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

  1. من قسم إدارة WordPress
  2. مع البرنامج المساعد

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

1) من لوحة تحكم WordPress

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

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

إنشاء قائمة

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

  • الصفحات
  • دعامات
  • التصنيفات
  • نقاط نهاية WooCommerce
  • منتجات
  • فئات المنتجات

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

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

أضف فئات منتجات WooCommerce إلى القائمة - جميع فئات woocommerce يمكنك إما تحديد جميع الفئات وإضافتها إلى قائمتك أو تضمين فئات محددة.

إضافة فئات المنتجات إلى القائمة

في هذا العرض التوضيحي ، سنضيف جميع الفئات إلى القائمة.

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

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

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

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

2) أضف فئات المنتجات إلى القائمة باستخدام QuadMenu

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

بالإضافة إلى ذلك ، يمكنك دمج QuadMenu مع أي سمة WordPress بما في ذلك OceanWP و Avada و Divi و Astra و GeneratePress وغيرها الكثير. بالنسبة لهذا العرض التوضيحي ، سنوضح لك كيفية إضافة فئات منتجات WooCommerce إلى القائمة باستخدام سمة GeneratePress.

التثبيت والتفعيل

أولاً ، قم بتثبيت وتفعيل QuadMenu على موقعك. للقيام بذلك ، انتقل إلى قسم الملحقات ، وابحث عن QuadMenu ، واضغط على تثبيت .

تثبيت البرنامج المساعد quadmenu وورد بعد ذلك ، تحتاج إلى تثبيت الوظيفة الإضافية QuadMenu GeneratePress. إذا كنت تستخدم سمة أخرى مثل Divi أو Avada ، فأنت بحاجة إلى تثبيت الامتداد المحدد لمتجر WooCommerce الخاص بك. يمكنك إلقاء نظرة على جميع الامتدادات هنا.

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

أولاً ، انتقل إلى قسم الطباعة .

الطباعة quadmenu يأتي QuadMenu مع جميع خطوط Google افتراضيًا ، لذا اختر أي خط تريده من القائمة المنسدلة.

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

الرسوم المتحركة quadmenu ببضع نقرات بالماوس ، ستتمكن من نقل قائمة WordPress الافتراضية إلى مستوى آخر. الآن ، إذا كنت تريد أن تأخذ الأمور إلى أبعد من ذلك ، فستحتاج إلى المزيد من الوظائف المتقدمة. لذلك ، ستحتاج إلى الإصدار المتميز من QuadMenu.

تثبيت وتفعيل الإصدار المميز من QuadMenu

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

تثبيت قسط quadmenu بعد ذلك ، انتقل إلى قسم الترخيص وتحقق من مفتاح الترخيص الخاص بك.

خيار ترخيص Quadmenu QuadMenu متاح على:

  • موقع الويب QuadLayers
  • إنفاتو
  • مكان سوق أنيق

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

الآن ، دعنا نتقدم ونرى كيفية تخصيص قوائم WordPress الخاصة بك.

تمكين QuadMenu

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

quadmenu ديف القائمة بعد حفظ القائمة ، تحقق من عناصر القائمة الخاصة بك. عندما تحوم فوق العناصر ، سترى قائمة جديدة تسمى QuadMenu كما هو موضح أدناه.

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

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

  • العنوان الفرعي
  • شارة
  • تطفو
  • تخصيص حجم العرض
  • تعويم القائمة المنسدلة

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

أيقونات quadmenu

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

إضافة رمز القائمة

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

كوادمينو

تغيير الأنماط

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

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

لون القائمة bg

لذا في الواجهة الأمامية ، سترى أن لون الخلفية الآن أزرق. أضف فئات منتجات WooCommerce إلى القائمة - لون bg جديد

إذا لم تتمكن من رؤيتها في الواجهة الأمامية بعد حفظ التغييرات ، فما عليك سوى مسح ذاكرة التخزين المؤقت لـ WordPress وإعادة تطبيق التغييرات. هذه هي الطريقة التي يمكنك بها استخدام QuadMenu لتحرير قائمة WooCommerce الخاصة بك.

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

استنتاج

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

  1. من لوحة تحكم WordPress
  2. باستخدام QuadMenu

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

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

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