تسهيل إضافة المنتجات إلى المنشورات والصفحات باستخدام مجموعة المنتجات لـ Gutenberg

تمثل مجموعة المنتجات المرحلة الأولى من المشروع الذي نشير إليه بمودة باسم "Wootenberg" - إعداد WooCommerce لوصول محرر Gutenberg.

جوتنبرج؟

إذا فاتك ذلك ، فإن Gutenberg هو محرر محتوى جديد تمامًا وموجه بصريًا يتم إنشاؤه لـ WordPress ومن المقرر إدراجه في الإصدار 5.0. اقرأ كل شيء عنها وقم بتنزيل أحدث إصدار من المكون الإضافي لميزة Gutenberg.

ما هو جزء المنتجات؟

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

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

باستخدام كتلة المنتجات ، يمكنك إضافة منتجات بسرعة وسهولة إلى المنشورات والصفحات ، بما في ذلك:

• منتجات فردية منتقاة بعناية
• منتجات من فئات محددة
• منتجات مميزة
• بيع المنتجات
• المنتجات ذات السمات أو الشروط المحددة
• الأكثر مبيعًا
• المنتجات الأعلى تقييماً

أو ببساطة أضف جميع منتجاتك.

ألق نظرة على هذا الفيديو القصير لترى كيف تعمل مجموعة المنتجات:

تحسن كبير في تجربة الرمز القصير الحالية ، ألا تعتقد ذلك؟ نحن نفعل!

الحصول على كتلة المنتجات

ميزة البرنامج المساعد

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

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

نهجنا

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

بحث

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

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

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

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

اختبار خاضع للإشراف ، الجولة الأولى

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

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

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

اختبار خاضع للإشراف ، الجولة الثانية

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

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

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

النتائج؟ هذه الميزة الإضافية متاحة للتنزيل اليوم.

الحصول على كتلة المنتجات

هل أنت مهتم باختبار نماذج WooCommerce معنا؟

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