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

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

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

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

لن يوفر لك هذا الوقت فحسب ، بل سيجعل الأمور أفضل بالنسبة لك آخر (والتجربة الأفضل تعني المزيد من التحويلات!).

كيفية إنشاء لوحة منتج تابع على WooCommerce

لكي يعمل هذا الدليل ، ستحتاج إلى مكونين إضافيين:

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

سأفترض أن لديك كل من المكونات الإضافية المثبتة وتفعيلها قبل بدء الدليل.

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

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

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

لإضافة أول منتج تابع لك ، انتقل إلى المنتجات → إضافة جديدة في لوحة التحكم.

الشيء المهم هو العثور على Meta box of بيانات المنتج وتغيير نوع المنتج في خارجي / منتسب:

إنشاء منتج تابع لـ WordPress

ثم املأ المعلومات من أجل:

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

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

  • لقب
  • وصف
  • صورة
  • إلخ

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

مثال على منتج للشراء في متجرالآن كل ما عليك القيام به هو تكرار نفس العملية مع العديد من المنتجات التابعة التي تريد إضافتها.

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

الخطوة 2: تكوين الرمز المختصر لجدول منتجات WooCommerce

من أجل عرض جدول المنتجات التابعة ، سوف تستخدم الرمز المختصر لبرنامج WooCommerce Product Table.

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

جدول منتج Woocommerce

سنركز على الإعدادات الأكثر تطبيقًا لإنشاء جدول منتج تابع.

في مجال تصميم الجدول، يمكنك تكوين تصميم مخصص لجدولك إذا كنت ترغب في ذلك:

جدول تصميم منتج woocommerce

أو ، يمكنك دائمًا الالتزام بالنمط الافتراضي للمكون الإضافي.

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

  • إيماج دو بروديت
  • الاسم الأول
  • وصف مختصر
  • السعر
  • أضف إلى السلة رابط مباشر لمتجر تابع )

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

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

تكوين الرموز القصيرة

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

الخطوة 3: أدخل رمز المنتج WooCommerce

الآن بعد أن قمت بتكوين الإعدادات الافتراضية ، يمكنك إدراج جدول منتجك التابع باستخدام الرمز القصير product_table ] (بدون الفراغات).

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

للقيام بذلك ، يمكنك استخدام بطاقة "اسم_العلامة" ou الفئة "اسم التصنيف" .

على سبيل المثال ، إليك مثال على استخدام الرمز المختصر:

باستخدام الرمز القصير

وهذه هي الطريقة التي تبدو بها على الواجهة:

نموذج جدول المنتج

بعض النقاط التي يجب ملاحظتها في هذا الجدول عند إنشاء الجدول الخاص بك:

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

4 الخطوة: (اختياري) تضمين الحاجيات تصفية الشريط الجانبي

شيء مثير للاهتمام يمكنك القيام به مع WooCommerce Product Table ( ولا يمكن أن تفعل مع حلول جدول مقارنة المنتجات الأخرى ) هو عرض أدوات التصفية على الشريط الجانبي بحيث يكون ملف آخر يمكن أن تتفاعل مع مجموعة المنتجات التابعة لك.

إنه ليس ضروريًا - لكنني أعتقد أنها تجعل منتداك أكثر قابلية للاستخدام.

لإضافة، انتقل إلى المظهر → الحاجيات وانتقل إلى الأدوات المختلفة " جدول المنتج الطبقات Nav Filter« .

إضافة الحاجيات على وورد

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

لإتمام

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

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

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