دليل محدد لتقديم منتج WooCommerce Frontend لعام 2022

هل تبحث عن تمكين ميزة تقديم منتج الواجهة الأمامية لـ WooCommerce في السوق الخاص بك؟ يسمح المكون الإضافي WP User Frontend للموردين أو البائعين الخارجيين بإضافة منتجات رقمية من الواجهة الأمامية.

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

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

الأسباب التي تجعلك تسمح بتقديم منتج WooCommerce Frontend لسوقك

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

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

هناك عدة أسباب تجعلك تسمح للبائعين بتحميل المنتجات من الواجهة الأمامية. مثل-

تجربة مستخدم سلسة

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

إدارة دور المستخدم

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

قراءة المزيد: كيفية إضافة أدوار مستخدم مخصصة على موقع WordPress الخاص بك.

خيارات تخصيص النموذج

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

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

قراءة المزيد: لماذا وكيف تضيف تقديم الواجهة الأمامية لـ WooCommerce.

كيفية تحميل المنتجات إلى WooCommerce Frontend باستخدام WP User Frontend

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

في البرنامج التعليمي أدناه ، ستتعلم كيفية تحميل منتجات WooCommerce من الواجهة الأمامية باستخدام WP User Frontend Pro-

المتطلبات الأساسية:

1. WordPress (بافتراض أنك قمت بالفعل بتثبيته)
2. WP User Frontend Pro (مثبت ومنشط)
3. البرنامج المساعد WooCommerce (مثبت ومنشط)
4. Post Meta Inspector (اختياري لحقول إضافية)

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

يمكنك إنشاء العديد من الوظائف المفيدة باستخدام نماذج WPUF وإضافة النماذج إلى الصفحات ببساطة باستخدام الرموز القصيرة.

ستحتاج إلى 3 صفحات قبل السماح للبائعين / المستخدمين ببدء تحميل المنتجات باستخدام نموذج WPUF WooCommerce-

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

ستتعلم اليوم إنشاء كل هذه الصفحات باستخدام WP User Frontend.

سنقسم البرنامج التعليمي إلى قسمين:

• الجزء 1: إنشاء صفحة تحميل منتج WooCommerce
• الجزء 2: إنشاء صفحات أخرى مطلوبة لإدارة منتجات WooCommerce

الجزء 1: إنشاء صفحة تحميل منتج WooCommerce

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

الخطوة 1: تصميم نموذج تحميل منتج WooCommerce للواجهة الأمامية

1. انتقل إلى - WP Dashboard → User Frontend → Post Forms → Add Forms
2. انقر فوق قالب منتج WooCommerce. سيقوم تلقائيًا بإنشاء نموذج منتج مرحاض مع جميع الحقول المطلوبة. يمكنك لاحقًا حذف أو تعديل أي حقل وفقًا لمتطلباتك.
3. بعد ذلك ، انتقل إلى علامة التبويب الإعدادات وتحقق من تعطيل الاشتراك. [تخطي هذا الخيار إذا كنت تريد أن يكون هذا النموذج مرئيًا لحزم الاشتراك الخاصة بك]
4. انقر فوق معرف النموذج وانسخ الرمز المختصر للنموذج.
5. الآن ، قم بلصق الرمز القصير في صفحة / منشور جديد.
6. بمجرد الانتهاء ، ستحصل على نموذج تحميل منتج WC للواجهة الأمامية.

تحقق من هذا الفيديو لمعرفة العملية بمزيد من التفصيل-

ملاحظة مهمة: لا يمكنك إنشاء منتجات متغيرة من الواجهة الأمامية باستخدام WP User Frontend Pro في الوقت الحالي.

الخطوة 2: إضافة أنواع الحقول المخصصة إلى نموذج WooCommerce الخاص بك

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

1. معرض الصور

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

2. المنتجات القابلة للتنزيل

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

3. التصنيفات المخصصة

ستحصل أيضًا على خيارات لإضافة تصنيفات مخصصة لـ WooCommerce مثل- product_type و product_cat و product_tag و product_shipping_class . أضف نوع المنتج (بسيط ، ومتنوع ، وقابل للتنزيل ، وما إلى ذلك) ، وفئة ، وعلامة ، وفئة شحن إذا كنت تريد أن يقوم المستخدم بتعيين هذه الحقول أثناء التحميل.

الخطوة 3: احفظ التغييرات وتحقق من المظهر النهائي

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

الجزء 2: إنشاء الصفحات الأخرى المطلوبة لإدارة منتجات WooCommerce

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

الخطوة 1: إنشاء صفحات التحرير ولوحة المعلومات

أولاً ، انتقل إلى Dashboard → Pages → Add new page

بعد ذلك ، يتم تسمية صفحتين جديدتين Dashboard و Edit . الآن ببساطة الصق الرموز القصيرة فيها.

بالنسبة لصفحة لوحة التحكم ، استخدم [wpuf_dashboard post_type="product"]

لتحرير الصفحة استخدم [wpuf_edit]

بعد إنشاء الصفحات ، انتقل إلى WPUF → Settings → General Options . هنا ستحصل على عدة خيارات لتعيين الدور وتقييد أي منشأة للمستخدمين. بناءً على متطلباتك وسياسة عملك ، حدد الخيارات بحكمة.

الخطوة 2: تحقق من المظهر النهائي

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

بعد التقديم ، انتقل إلى wp-admin → products . تحقق الآن من أن المنتج الذي قمت بإنشائه وأن جميع المعلومات قد تم تحميلها بشكل صحيح.

نأمل أن تجد كل شيء يعمل بشكل رائع. انقر الآن على زر تحرير وانتقل إلى صفحة التحرير من صفحة لوحة التحكم .

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

تحقق من الوثائق الكاملة هنا!

قم بتمكين تقديم منتج WooCommerce Frontend وقم بترقية نظام إدارة البائع الخاص بك

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

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

باستخدام الثنائي Dokan + WP User Frontend ، يمكنك بسهولة إنشاء بيئة حيث يمكن لرجل الأعمال بسهولة إنشاء أعماله الرقمية مع وظائف موسعة أيضًا.