دليل كامل كتلة ووكومرس

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

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

في هذا الدليل العملي، سنناقش ميزات كتل ووكومرس وكيفية تخصيصها. 

ما هو WooCommerce Block؟

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

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

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

قائمة ميزات WooCommerce Block

بعد فهم ما هي كتلة ووكومرس، سنناقش بعد ذلك كل ميزة مقدمة واحدة تلو الأخرى:

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

كيفية استخدام كتلة شبكة المنتجات في WooCommerce

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

1. افتح الصفحة أو المنشور حيث تريد عرض شبكة المنتج ، ثم أدخل العنوان "منتج".

2. في التنقل الأيسر ، انقر فوق الزر (+) > قم بالتمرير لأسفل إلى قسم WooCommerce > حدد "شبكة المنتج".

3. بعد ذلك، لتتكوين الكتلة، انتقل إلى اللوحة اليمنى.

في هذه اللوحة، يمكنك ضبط عدة أشياء، بما في ذلك:

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

كيفية إضافة منتجات مميزة إلى صفحتك

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

لإضافة كتلة المنتج المميز، اتبع هذه الخطوات:

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

2. حدد زر "+" على شريط أدوات الكتلة لفتح قائمة الكتلة، ثم ابحث عن وحدد "المنتج المميز".

3. اختر المنتجات التي تريد إبرازها ، ثم انقر "تم".
4. لتخصيص مظهر الكتلة ، انقر فوق "الإعدادات". في لوحة الإعدادات ، يمكنك ضبط عدة أشياء بما في ذلك:

• إظهار أو إخفاء وصف المنتج والسعر.
• تكوين عرض الوسائط (الصورة والفيديو).
• إضافة نص بديل لصور المنتج.
• اختر لون تراكب الكتلة.
• ضبط عتامة الكتلة.

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

كيفية إضافة كتل المرشحات في WooCommerce

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

لإضافة كتلة الفلتر ، اتبع هذه الخطوات:

1. افتح الصفحة أو المنشور حيث تريد وضع كتلة الفلتر.
2. تحديد الموقع المطلوب لوضع كتلة الفلتر.
3. على شريط أدوات محرر الكتلة، انقر فوق الزر "+" وابحث عن خيارات فلتر WooCommerce مثل فلتر السعر، فلتر المخزون، فلتر السمة، وفلتر التقييم.

الآن، دعنا نناقش كل نوع من الفلاتر المتاحة. 

إضافة مرشح حسب السعر

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

إضافة مرشح حسب الخاصية

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

إضافة مرشح حسب المخزون

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

كتلة عربة التسوق والدفع

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

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

كيفية تخصيص صفحة المتجر على WooCommerce

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

1. أنشئ صفحة جديدة واسمها "متجر".

2. أضف كتلة البحث عن المنتجات.

3. أضف قائمة فئات المنتجات كتلة

ثم، قم بتعيين نمط العرض إلى القائمة المنسدلة.

4. أضف فلتر السعر كتلة.
5. أضف المنتجات المميزة كتلة وحدد المنتجات التي تريد تمييزها. قم بتكوين حسب الحاجة.

6. أضف جميع المنتجات كتلة.

قم بتعيين عدد الأعمدة والصفوف إلى 2، وقم بإيقاف تشغيل خيار القائمة المنسدلة للفرز.

7. أخيرًا، قم بنشر الصفحة لمشاهدة التخطيط النهائي لصفحة المتجر التي قمت بإنشائها.

بناء متجرك الإلكتروني باستخدام WooCommerce Block & بيع منتجاتك

بعد إنشاء صفحة متجر مخصصة بنجاح باستخدام WooCommerce Blocks، يمكنك الآن البدء في بيع منتجاتك المادية والرقمية. خاصة بالنسبة للمنتجات الرقمية، من الضروري إضافة مكون إضافي لتنزيل الملفات مثل WP File Download Addon.

يسمح لك هذا البرنامج الإضافي ببيع منتجات التنزيل الرقمي في WooCommerce. تجعل الإضافة WP File Download إدارة الملفات وفئات الملفات لمنتجات WooCommerce الرقمية أمرًا سهلاً. يمكنك إنشاء العديد من منتجات التنزيل الرقمي المرتبطة بملف واحد أو ملفات متعددة بسرعة.

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

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

الاستنتاج

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

بعد بناء متجرك الإلكتروني، الخطوة التالية هي بيع المنتجات المادية والرقمية. يمكنك استخدام WP File Download لبيع المنتجات الرقمية باستخدام ووكوميرس، مثل الكتب الإلكترونية، البرمجيات، أو المحتوى المتعدد الوسائط.

الإضافة WP File Download متاحة ابتداءً من 49 دولارًا في السنة وقد تم استخدامها من قبل أكثر من 60,000 عضو. فما الذي تنتظره؟ انضم إلينا لتحقيق مبيعات أفضل للمنتجات الرقمية!