كيفية إنشاء علامات تبويب منتج مخصصة لـ WooCommerce (بدون رمز)

هل تحاول إعداد علامات تبويب منتج مخصصة لـ WooCommerce؟

تتيح لك علامات تبويب المنتج المخصصة إضافة معلومات إضافية إلى صفحة منتج واحد، مثل مخططات الحجم والمواصفات الفنية وغير ذلك الكثير. 📈

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

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

بعد ذلك، سنعرض لك خطوة بخطوة كيفية إعداد علامات تبويب مخصصة بنسبة 100% باستخدام المكوّن الإضافي Sparks for WooCommerce.

كيف يمكنك استخدام علامات تبويب المنتجات المخصصة لـ WooCommerce

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

وذلك لأنه لن يستفيد كل منتج من نفس علامات التبويب.

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

افتراضيًا، يتضمن WooCommerce علامات تبويب المنتج فقط للحصول على وصف ومعلومات إضافية ومراجعات:

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

فيما يلي بعض الأشياء التي يمكنك تحقيقها عند تخصيص علامات تبويب المنتج في WooCommerce:

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

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

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

كيفية إعداد علامات تبويب المنتج المخصصة لـ WooCommerce في ثلاث خطوات

في هذا البرنامج التعليمي، سنستخدم البرنامج الإضافي Sparks for WooCommerce .

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

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

للتحكم في كل المحتوى الموجود في علامات تبويب المنتج المخصصة، يمكنك استخدام محرر قوالب WordPress الأصلي (AKA Gutenberg ).

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

الخطوة 1: إنشاء علامة تبويب منتج عالمية
الخطوة 2: قم بتخصيص علامة التبويب الجديدة باستخدام Block Editor
الخطوة 3: قم بتكوين المنتجات التي تعرض علامات التبويب المخصصة

الخطوة 1: إنشاء علامة تبويب منتج عالمية 🛍️

الخطوة الأولى هي إنشاء علامة تبويب منتج عالمية. للقيام بذلك، انتقل إلى “الإعدادات” > “Sparks” وانقر على “تنشيط ” ضمن خيار “مدير علامات تبويب المنتج “:

بعد تنشيط هذا الإعداد، انتقل إلى WooCommerce > علامات تبويب المنتج. ستعرض لك هذه الصفحة قائمة بعلامات تبويب المنتجات الافتراضية في WooCommerce. ما عليك سوى النقر فوق “إضافة جديد” لإنشاء علامة تبويب جديدة:

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

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

الخطوة 2: قم بتخصيص علامة التبويب الجديدة باستخدام محرر القوالب 🎨

يمكّنك Sparks من إنشاء علامات تبويب المنتج وتخصيصها باستخدام Block Editor. عند إضافة علامة تبويب جديدة، سيكون لديك خيار تعيين عنوان والبدء في إضافة كتل إليه:

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

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

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

فيما يلي نظرة سريعة على الشكل الذي تبدو عليه علامة تبويب المنتج الجديدة التي تم إنشاؤها باستخدام Sparks:

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

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

عند الانتهاء من تحرير علامة التبويب، انقر فوق الزر نشر. الآن، عندما تعود إلى شاشة WooCommerce > علامات تبويب المنتجات، سترى علامة التبويب الجديدة إلى جانب خيارات WooCommerce الافتراضية:

يتيح لك Sparks تحرير علامات التبويب المخصصة في أي وقت.

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

الخطوة 3: قم بتكوين المنتجات التي تعرض علامات التبويب المخصصة 📋

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

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

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

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

قم بتكوين المنتجات التي تعرض علامات التبويب المخصصة

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

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

لتغيير ترتيب علامات التبويب، قم بسحب العناصر وإسقاطها حتى تصبح راضيًا عن النتائج.

تذكر أن طلب المنتج لا يؤثر على إعدادات الرؤية التي تقوم بتكوينها لكل علامة تبويب. بمعنى، إذا كانت علامة التبويب في المرتبة الأولى ولكن تم تعيينها للظهور فقط لفئات منتجات معينة، فلن تظهر لأي نوع آخر من المنتجات.

قم بإنشاء علامات تبويب المنتج المخصصة لـ WooCommerce اليوم 🚀

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

👉 إليك كيفية إضافة علامة تبويب منتج وتخصيصها في WooCommerce باستخدام Sparks: