دليل كامل لكتلة WooCommerce

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

يجب تثبيت إضافة WordPress WooCommerce Blocks لاستخدام هذه الكتل الجديدة. تُعدّ هذه الإضافة بمثابة منصة تجريبية للميزات التجريبية التي يُمكن إضافتها إلى جوهر WooCommerce.

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

ما هو WooCommerce Block؟

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

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

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

قائمة ميزات كتلة WooCommerce

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

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

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

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

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

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

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

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

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

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

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

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

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

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

٣. اختر المنتجات التي ترغب في إبرازها، ثم انقر على "تم".
٤. لتخصيص مظهر الكتلة، انقر على "الإعدادات". في لوحة الإعدادات، يمكنك تعديل عدة أمور، منها:

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

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

كيفية إضافة كتل التصفية في WooCommerce

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

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

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

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

إضافة فلتر حسب السعر

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

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

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

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

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

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

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

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

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

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

1. قم بإنشاء صفحة جديدة وأطلق عليها اسم "متجر".

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

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

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

٤. أضف تصفية الأسعار ".
٥. أضف "المنتجات المميزة" وحدد المنتجات التي تريد إبرازها. جهّزها حسب الحاجة.

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

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

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

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

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

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

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

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

خاتمة

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

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

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