كيفية إضافة منتجات في WooCommerce بشكل أفضل وتخصيصها؟ دليل شامل مع أمثلة

نشرت: 2018-06-22

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

️ هل تجد WooCommerce ضعيفًا في الخيارات أو معقدًا عند إضافة المنتجات؟

اليوم ، سأوضح لك كيفية إضافة المنتجات وتخصيصها في WooCommerce باستخدام مكون إضافي مجاني !

جدول المحتويات

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

كيفية إضافة منتجات WooCommerce - دليل سريع

دعونا نرى كيفية إنشاء المنتجات في بضع خطوات:

  1. المنتجات في WooCommerce

    تخصيص المنتج WooCommerce
    قائمة منتجات WooCommerce

    أولاً ، انتقل إلى قائمة المنتجات لإضافة العناصر وإزالتها وإدارتها.

  2. إضافة أو تحرير منتج

    ثم انقر فوق الزر "إضافة جديد" أو قم بتحرير المنتج الحالي.

    WooCommerce تخصيص المنتج
    تحرير منتجات WooCommerce
  3. قم بتعيين منتج WooCommerce

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

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

    ثم انشر المنتج الجديد (أو حدِّث المنتج الحالي). هذا كل شيء!

  4. اختر نوع المنتج

    يمكنك أيضًا اختيار نوع المنتج:

    هذه هي طريقة إضافة المنتجات في WooCommerce
    أنواع منتجات WooCommerce
  5. فئات المنتجات والعلامات

    بالطبع ، هناك الكثير من الأشياء الإضافية التي يمكنك إعدادها ، مثل فئة المنتج أو العلامات لتنظيم عناصرك بشكل أفضل. أود أن أشير إلى أنه يمكنك أيضًا تعديل بعض بيانات المنتج بسرعة باستخدام الخيار "تعديل" على شاشة المنتج الرئيسية:

    WooCommerce تخصيص المنتج
    تحرير منتجات WooCommerce
  6. كيفية تخصيص المنتجات في WooCommerce؟

    ️ أعتقد أنك جاهز لإضافة منتجات . بفضل منشئ منتج WooCommerce ، يمكنك إعداد المنتجات واستخدام بيانات إضافية (مثل السمات والعلامات ومعرض المنتج).

    في الجزء التالي ، سأوضح لك كيفية تخصيص منتجات WooCommerce بحقول مخصصة لتقديم المزيد !

اقرأ المزيد حول إضافة منتجات WooCommerce وإدارتها في الدليل التفصيلي .

تخصيص منتجات WooCommerce - مثال منشئ الكمبيوتر

هل سبق لك أن زرت موقع Apple الإلكتروني؟ بشكل عام ، تتيح لك اختيار مكونات الكمبيوتر الذي ترغب في شرائه.

كما ذكرت ، قررت استخدام MacBook Pro كمثال لهذا الدليل. سنعمل على مثال حقيقي في هذه المرحلة.

بشكل أساسي ، هذا ما يبدو عليه معالجهم:

كيفية تخصيص صفحة المنتج في WooCommerce
تخصيص MacBook Pro - Apple.com

سنقوم بتكوين خيارات المعالج بشكل مماثل في هذا الدليل لإنشاء منتج WooCommerce قابل للتخصيص - مُنشئ الكمبيوتر الخاص بك .

سيبدو هكذا بمجرد أن نقوم بتكوينه:

تخصيص صفحة منتج WooCommerce
WooCommerce Computer Builder (انقر للتكبير). تخصيص صفحة المنتج woocommerce مع حقول المنتج المرنة.

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

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

انظر إلى شيء آخر أريد أن أريكم إياه قبل أن ننتقل بعد ذلك:

إضافات المنتج على صفحة المنتج
تم الحصول على تفاصيل الأسعار باستخدام حقول المنتجات المرنة

تظهر هذه الآلة الحاسبة عند تحديد خيار في WooCommerce computer builder.

شاهد هذا المثال المباشر في العمل: Macbook Pro في متجرنا التجريبي →

قم بتخصيص صفحة منتج WooCommerce computer builder

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

حقول المنتجات المرنة WooCommerce

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

تنزيل مجاني أو انتقل إلى WordPress.org
10،000+ عمليات التثبيت النشطة
آخر تحديث: 2023-03-13
يعمل مع WooCommerce 7.1 - 7.5.x
سنستخدم في هذا البرنامج التعليمي ميزات التسعير والمنطق الشرطي ، والتي تتوفر في Flexible Product Fields PRO . ومع ذلك ، فإننا نشجعك على تنزيل النسخة المجانية أولاً والتحقق مما إذا كانت مفيدة لك أم لا!

يمكنك تنزيله مجانًا من WordPress.org أو تثبيته مباشرةً من قسم المكونات الإضافية في متجرك بحثًا عن حقول منتج مرنة :

إضافات المنتج الإضافية WooCommerce
قم بتثبيت وتفعيل الإصدار المجاني من حقول المنتج المرنة

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

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


️ بمجرد تثبيت المكون الإضافي ، فلنقم بتكوينه. اختر Products → Product Fields في قائمة WordPress الخاصة بك (1). ثم تحتاج إلى إضافة مجموعة ميدانية جديدة (2):

إضافات منتج WooCommerce - إضافة مجموعة حقول جديدة
أضف مجموعة حقول جديدة في حقول المنتج المرنة

تخصيص منتجات WooCommerce باستخدام الحقول المخصصة

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

يبدو التكوين العام لمنشئ الكمبيوتر WooCommerce كما يلي:

قم بتخصيص صفحة منتج WooCommerce باستخدام حقول المنتج المرنة
تمت إضافة إضافات المنتج الإضافية مع حقول المنتجات المرنة

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

سنستخدم في هذا البرنامج التعليمي ميزات التسعير والمنطق الشرطي ، والتي تتوفر في Flexible Product Fields PRO .

الإعدادات الرئيسية

تخصيص صفحة منتج واحد WooCommerce
الإعدادات الرئيسية - تخصيص صفحة WooCommerceproduct

في إعدادات القسم ، يمكنك اختيار مكان عرض الحقول على صفحة المنتج.

بعد ذلك يمكنك تخصيص هذه المجموعة لـ :

  • منتج (منتجات) محدد ،
  • جميع المنتجات في متجرك ،
  • أو فئات مختارة.

في هذه المرحلة ، أقوم بتعيين الحقول لمنتج (MacBook Pro). إنه الخيار الوحيد المتاح في الإصدار المجاني . يمكنك استخدام التخصيص لفئة ، مثل أجهزة الكمبيوتر ، في متجرك. في هذه الحالة ، ستحتاج إلى إصدار PRO.

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

أضف الحقول

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

الوظائف الإضافية المتاحة في Flexible Product Fields PRO
الحقول التي سنستخدمها في الدليل النهائي لإضافات منتج WooCommerce

الحجم (مجال الراديو)

لتقديم اختلافات في الحجم ، تحتاج إلى تكوين مجال الراديو.

حجم حقل راديو إضافي إضافي
حقل الحجم على صفحة المنتج

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

تخصيص صفحة المنتج WooCommerce - مجال الراديو
إعدادات مجال الراديو - هذه هي كيفية إضافة وظائف إضافية إلى صفحة المنتج

عاجلاً أم آجلاً ، قد ترغب في تصميم الحقول على طريقتك. هناك خيار CSS Class لاستخدامه في هذه الحالة.

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

إضافة أسعار إضافية (Flexible Product Fields PRO)
أضف أسعارًا إضافية في علامة التبويب التسعير

لا نستخدم المنطق الشرطي ، الخيار الأخير. ومع ذلك ، سوف نستخدمه لاحقًا في مُنشئ الكمبيوتر WooCommerce الخاص بنا.

سنستخدم في هذا البرنامج التعليمي ميزات التسعير والمنطق الشرطي ، والتي تتوفر في Flexible Product Fields PRO .

المعالج (مجال الراديو)

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

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

تقوم WooCommerce بتخصيص صفحة المنتج بحقل راديو بتسعير إضافي
إضافة أسعار إضافية إلى حقل راديو تمت إضافته باستخدام Flexible Product Fields PRO

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

الذاكرة (مجال الراديو)

حقول الراديو ستثري صفحة المنتج الخاص بك
حقل الذاكرة على صفحة المنتج

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

التخزين (مجال الراديو)

يتم تخصيص صفحة منتج WooCommerce بحقول الراديو
مجال التخزين على صفحة المنتج

أنت تعرف بالفعل كيفية تكوين حقل الراديو هذا الاختلاف الوحيد هو أنه سيتعين عليك إضافة سعرين إضافيين. ينظر:

هذه هي كيفية تخصيص صفحة منتج WooCommerce باستخدام Flexible Product Fields PRO
أضف خيارين إضافيين للتسعير

لغة لوحة المفاتيح (حدد الحقل)

حدد الملحق الإضافي
حقل لغة لوحة المفاتيح على صفحة المنتج

هذه المرة ستقوم بتكوين نوع جديد من الحقول: حدد الحقل .

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

تخصيص صفحة منتج WooCommerce مع تحديد حقل القائمة المنسدلة
مجال لغة لوحة المفاتيح لمعالج الكمبيوتر

تاريخ التسليم (حقل التاريخ)

حقل تاريخ التسليم في صفحة المنتج

هنا يمكنك رؤية نوع حقل آخر. هذا هو حقل التاريخ. الإعدادات العامة مشابهة تمامًا للإعدادات السابقة ولكن هناك بعض الميزات الإضافية في علامة التبويب "خيارات متقدمة" :

كيفية تخصيص صفحة المنتج في WooCommerce باستخدام حقل التاريخ
الإعدادات المتقدمة في حقل التاريخ

️ بعض الميزات هي:

  • صيغة التاريخ
  • قبل أيام
  • بعد أيام

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

إظهار خيارات الهدايا (حقل مربع الاختيار)

سنستخدم في هذا البرنامج التعليمي ميزات التسعير والمنطق الشرطي ، والتي تتوفر في Flexible Product Fields PRO .

سيكون حقل المنتج هذا مهمًا جدًا في تكويننا. بشكل افتراضي يبدو كالتالي:

تخصيص صفحة منتج واحد woocommerce بإضافة حقل مربع اختيار
إظهار حقل خيارات الهدايا في صفحة المنتج

عندما يتحقق العميل من هذا الحقل ، تظهر حقول جديدة.

تمت إضافة المنطق الشرطي مع حقول المنتج المرنة (PRO)
إظهار حقل خيارات الهدايا في صفحة المنتج (مميزة)

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

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

النقش (حقل نصي)

هذا حقل بسيط حيث يمكن للعميل تقديم بعض النصوص مثل النقش.

نقش إضافي لصفحة منتج WooCommerce الإضافية
حقل النقش على صفحة المنتج

يجب أن يظهر هذا الحقل فقط عندما يحدد العميل خانة اختيار إظهار خيارات الهدايا .

في هذه الحالة ، تحتاج إلى تكوين المنطق الشرطي لهذا الحقل.

ابدأ بالتخصيص بإضافة سعر إضافي في علامة التبويب التسعير:

والآن دعنا ننتقل إلى علامة تبويب المنطق الشرطي حيث سنضيف هذه الميزة الإضافية أيضًا:

WooCommerce تخصيص المنتج
إعدادات المنطق الشرطي

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

ربما ستجد دليل WooCommerce Conditional Product Options مثيرًا للاهتمام في هذا الوقت.

تغليف الهدايا (خانة اختيار)

تخصيص صفحة منتج واحد WooCommerce
مجال تغليف الهدايا على صفحة المنتج

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

كيفية تخصيص صفحة منتج WooCommerce مع إضافات إضافية
تغليف الهدايا - إعداد منطق شرطي باستخدام Flexible Product Fields PRO

رسالة هدية (حقل نصي)

رسالة هدية ملحق إضافي
حقل رسالة الهدية على صفحة المنتج

أخيرًا ، آخر واحد. تحتاج إلى ضبط المنطق الشرطي هنا أيضًا.

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

مرة أخرى ، لنلقِ نظرة على التأثير الذي حققناه:

WooCommerce كيفية إضافة المنتجات
تمت إضافة إضافات إضافية باستخدام Flexible Product Fields PRO

مرن Product Fields PRO WooCommerce 59 دولارًا

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

أضف إلى السلة أو عرض التفاصيل
10،000+ عمليات التثبيت النشطة
آخر تحديث: 2023-03-15
يعمل مع WooCommerce 7.1 - 7.5.x

ملخص والمزيد حول البرنامج المساعد

في هذه المقالة ، شرحت كيفية إضافة منتجات WooCommerce ثم تخصيصها باستخدام مكون إضافي مجاني!

لقد تعلمت أيضًا كيفية إنشاء مُنشئ الكمبيوتر الخاص بك كنتيجة لقراءة دليل WooCommerce Computer Builder . آمل أن يكون هذا قد ساعدك وأنك الآن جاهز لبيع منتجات قابلة للتخصيص في متجر WooCommerce الخاص بك. هل أنت جاهز لإعداد معالج الكمبيوتر في متجرك؟

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

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