كيفية تنظيم منتجات WooCommerce حسب العلامة التجارية

نشرت: 2021-02-06

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

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

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

لماذا تنظم المنتجات حسب العلامات التجارية في WooCommerce؟

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

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

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

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

خيارات الفرز الافتراضية في WooCommerce

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

يأتي WooCommerce مع ستة خيارات فرز مختلفة ، ويمكنك تحديد أي منها كطريقة فرز افتراضية. تشمل هذه الخيارات:

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

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

حدد طريقة الفرز الافتراضية في WooCommerce

1) أولاً ، انتقل إلى لوحة تحكم مسؤول WordPress وانتقل إلى المظهر> تخصيص .

تخصيص الموضوع

2) من قائمة خيارات التخصيص ، انتقل إلى WooCommerce> Product Catalog .

كتالوج منتجات WooCommerce

3) ضمن إعدادات كتالوج المنتج ، ابحث عن خيار فرز المنتج الافتراضي . انقر فوق القائمة المنسدلة وحدد طريقة الفرز التي تريدها. في حالتنا ، سنحدد الخيار الافتراضي. ثم انقر فوق " نشر " لحفظ التغييرات.

تنظيم منتجات WooCommerce حسب العلامة التجارية - خيارات الفرز الافتراضية لـ WooCommerce

هذا هو! لقد نجحت الآن في تنظيم منتجاتك باستخدام خيارات الفرز في WooCommerce.

منتجات الفرز المخصصة في WooCommerce

لنرى الآن مثالاً آخر ونتعلم كيفية تطبيق الفرز المخصص.

1) أولاً ، اختر خيار الفرز الافتراضي (ترتيب مخصص + الاسم) من إعدادات الكتالوج كما هو موضح أعلاه. بشكل افتراضي ، سيقوم بفرز جميع المنتجات حسب أسمائها ولكن يمكنك تغيير ذلك.

2) بعد ذلك ، في لوحة تحكم مسؤول WordPress ، انتقل إلى المنتجات> جميع المنتجات وحدد خيار الفرز .

منتجات الفرز المخصص لـ WooCommerce

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

WooCommerce Custom Sort GIF

تهانينا! أنت الآن على دراية بجميع طرق الفرز الافتراضية التي تقدمها WooCommerce.

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

كيفية تنظيم منتجات WooCommerce حسب العلامة التجارية

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

تنظيم منتجات WooCommerce حسب العلامة التجارية - Perfect Brands

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

  • تعيين العلامات التجارية لمنتجاتك
  • أضف لافتة إلى صفحة سمات العلامات التجارية
  • أضف رابطًا لكل صفحة علامة تجارية
  • تصفية المنتجات حسب العلامة التجارية - أدوات لعرض العلامات التجارية كقائمة منسدلة أو قائمة (أسماء العلامات التجارية أو شعارات العلامات التجارية)
  • اعرض العلامات التجارية في حلقات المنتج

الآن دعنا نتعمق في عملية تنظيم المنتجات حسب العلامة التجارية باستخدام المكون الإضافي.

نظّم المنتجات حسب العلامة التجارية باستخدام ماركات WooCommerce المثالية

الخطوة 1: قم بتنزيل البرنامج المساعد وتثبيته

1) لنبدأ بتنزيل البرنامج المساعد وتفعيله. انتقل إلى لوحة تحكم مسؤول WordPress ، وانتقل إلى الإضافات> إضافة جديدة وابحث عن العلامات التجارية المثالية لـ WooCommerce . اضغط على التثبيت الآن وبعد نجاح التثبيت ، قم بتنشيط المكون الإضافي.

قم بتثبيت وتفعيل البرنامج المساعد WooCommerce

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

تنظيم منتجات WooCommerce حسب العلامة التجارية - إعدادات العلامات التجارية المثالية

حان الوقت الآن لإنشاء العلامات التجارية.

الخطوة الثانية: إنشاء علامة تجارية جديدة

1. في لوحة تحكم مسؤول WordPress ، انتقل إلى المنتجات> العلامات التجارية . ستجد قسم إضافة علامة تجارية جديدة في النصف الأيسر من الصفحة.

2. املأ جميع الحقول المطلوبة وانقر فوق الزر " إضافة علامة تجارية جديدة " لحفظ التغييرات. ستظهر علامتك التجارية الآن في قائمة العلامات التجارية في النصف الأيمن.

أضف علامة تجارية جديدة في WooCommerce

بمجرد إنشاء العلامات التجارية الخاصة بك ، ستحتاج إلى تعيين علامات تجارية لمنتجاتك.

الخطوة 3: تعيين العلامات التجارية لمنتج

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

قم بتحرير منتج WooCommerce

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

تعيين العلامة التجارية لمنتج

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

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

كيفية إضافة الرموز القصيرة إلى صفحة ووردبريس أو منشور

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

أضف رمزًا قصيرًا إلى صفحة WordPress أو منشور

2. ثم الصق الرمز القصير الخاص بك في الأداة وانقر فوق " تحديث " لحفظ التغييرات. هذا كل شيء ، الأمر بهذه البساطة.

الصق الكود القصير

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

الآن دعنا نرى طرقًا مختلفة لعرض العلامات التجارية باستخدام الرموز القصيرة التي تقدمها Perfect Brands.

نظّم المنتجات حسب العلامة التجارية باستخدام ماركات WooCommerce المثالية

هناك عدة طرق يمكنك من خلالها تنظيم منتجات WooCommerce باستخدام Perfect Brands:

  1. عرض دائري للعلامة التجارية
  2. عرض دائري للمنتجات حسب العلامة التجارية
  3. منتجات ماركات محددة
  4. عرض جميع الماركات
  5. قائمة العلامات التجارية من الألف إلى الياء
  6. عرض العلامات التجارية لمنتج معين

لجميع الحالات ، سنستخدم الرموز القصيرة لتنظيم المنتجات.

1. عرض دائري العلامة التجارية

عرض دائري للعلامات التجارية

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

 [ pwb-carousel items="10" items_to_show="5" items_to_scroll="1" image_size="thumbnail" autoplay="true" ]

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

  • "العناصر" [عدد صحيح / مميز] إجمالي عدد العلامات التجارية
  • “items_to_show” [int] عدد العلامات التجارية لكل صفحة
  • “items_to_scroll” [int] عدد العلامات التجارية المراد تمريرها في كل مرة
  • "حجم_صورة" [صورة مصغرة / متوسطة / كبيرة / كاملة / حجم مخصص] حجم صورة العلامة التجارية
  • "التشغيل التلقائي" [صح / خطأ] التشغيل التلقائي للعرض الدائري
  • "الأسهم" [صح / خطأ] إظهار أو إخفاء أسهم التنقل
  • “hide_empty” [صح / خطأ] إخفاء العلامات التجارية التي ليس لها منتجات مرتبطة

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

 [ pwb-carousel items="10" items_to_show="5" items_to_scroll="1" image_size=" medium " autoplay="true" arrows="true" ] pwb-carousel items="10" items_to_show="5" items_to_scroll="1" image_size=" medium " autoplay="true" arrows="true" ]

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

2. عرض منتجات كاروسيل حسب العلامة التجارية

عرض المنتج الدائري حسب العلامة التجارية

تتيح لك Perfect WooCommerce Brands عرض شريط تمرير لجميع منتجات علامة تجارية معينة باستخدام الرمز القصير التالي:

 [ pwb-product-carousel brand="all" products="10" products_to_show="5" products_to_scroll="1" autoplay="true" ]

يأخذ الرمز المعلمات التالية:

  • “brand” [all / brand slug]
  • "المنتجات" [int] إجمالي عدد المنتجات
  • "products_to_show" [دولي] عدد المنتجات في كل صفحة
  • “products_to_scroll” [int] عدد المنتجات للتمرير في كل مرة
  • "التشغيل التلقائي" [صح / خطأ] التشغيل التلقائي للعرض الدائري
  • "الأسهم" [صح / خطأ] إظهار أو إخفاء أسهم التنقل

بنفس الطريقة ، يمكنك تعديل الرمز القصير ليناسب احتياجاتك.

3. عرض منتجات ذات علامة تجارية معينة

عرض منتجات ماركات معينة

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

 [ products brands="brand-slug" ]

معلماته هي:

  • "العلامات التجارية" [الرخويات ذات العلامات التجارية المفصولة بفواصل] - اعرض المنتجات المرتبطة بهذه العلامات التجارية
  • المعلمات الموروثة من الرمز المختصر لـ WooCommerce [المنتجات]

4. عرض جميع العلامات التجارية

تنظيم منتجات WooCommerce حسب العلامة التجارية - اعرض جميع العلامات التجارية

يمكنك استخدام الرمز المختصر التالي لعرض قائمة بجميع العلامات التجارية مع شعاراتها.

 [ pwb-all-brands per_page="10" image_size="thumbnail" hide_empty="true" order_by="name" order="ASC" title_position="before" ]

المعلمة التي يمكنك تعديلها في هذا الرمز هي:

  • "title_position" [قبل / بعد / لا شيء]

5. عرض قائمة العلامات التجارية من الألف إلى الياء

عرض قائمة العلامات التجارية من الألف إلى الياء

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

 [ pwb-az-listing ]

6. عرض العلامات التجارية لمنتج معين

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

 [ pwb-brand product_ image_size="thumbnail" ]

بالإضافة إلى ذلك ، يمكنك تعديل معلمات هذا الرمز:

  • “product_id” [int / blank] - اعرض العلامات التجارية لهذا المنتج
  • "as_link" [صح / خطأ] - إظهار صورة العلامة التجارية أو ارتباط نصي
  • "حجم_صورة" [صورة مصغرة / متوسطة / كبيرة / كاملة / حجم مخصص] - حجم صورة العلامة التجارية

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

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

كيفية تصفية المنتجات حسب العلامة التجارية

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

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

أدوات WordPress

2) ثم انتقل إلى الواجهة الأمامية لمتجرك وسترى كلاً من الودجات قيد التشغيل. يمكنك اختيار إضافة أحد هذين الفلترين أو كليهما.

تنظيم منتجات WooCommerce حسب العلامة التجارية - تصفية العلامة التجارية

هذا هو! هذا هو مدى سهولة إضافة عوامل تصفية العلامة التجارية إلى متجرك عبر الإنترنت باستخدام Perfect WooCommerce Brands.

استنتاج

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

  • خيارات الفرز الافتراضية في WooCommerce ، بما في ذلك الفرز المخصص
  • كيفية إنشاء وتعيين العلامات التجارية باستخدام Perfect WooCommerce Brands
  • إرشادات خطوة بخطوة حول كيفية تنظيم منتجات WooCommerce حسب العلامة التجارية
  • كيفية إضافة رموز قصيرة إلى صفحة WordPress أو منشور
  • ست طرق مختلفة لعرض العلامات التجارية باستخدام الرموز القصيرة من البرنامج الإضافي Perfect Brands for WooCommerce
  • كيفية إضافة الفلاتر (قائمة العلامات التجارية والقائمة المنسدلة) إلى صفحة متجرك

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

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