كتل WooCommerce: ما هي وكيفية استخدامها بفعالية
نشرت: 2022-08-28مقدمة
كتل WooCommerce هي طريقة جديدة لإنشاء وإدارة المحتوى لمتجر WooCommerce الخاص بك. باستخدام الكتل ، يمكنك بسهولة إضافة محتوى ديناميكي إلى صفحاتك ، مما يجعل من السهل إنشاء صفحات جذابة وجذابة بصريًا تساعد في بيع منتجاتك.
يتم إنشاء الكتل في محرر القوالب الجديد ، والذي يسمح لك بسحب أي كتلة وإفلاتها بسرعة في التخطيط الخاص بك في أي وقت. هناك نوعان من الكتل يمكنك استخدامهما على موقع الويب الخاص بك: أساسي ومتقدم. الكتل الأساسية سهلة الإنشاء ولكنها محدودة النطاق. الكتل المتقدمة أكثر قابلية للتخصيص وتستغرق وقتًا أطول قليلاً لإنشائها.
تعتبر الكتل الأساسية طريقة رائعة لإضافة منشورات المدونة ومعلومات المنتج والعروض الترويجية في المتجر. تتضمن الكتل المتقدمة أدوات لإنشاء نماذج ومعارض متكاملة ، وإضافة مراجعات للمنتج ، وحتى إنشاء محتوى مخصص لموقعك على الويب.
في هذا المنشور ، سأوضح لك كيفية استخدام سبع كتل WooCommerce بشكل فعال لخلق تجربة مستخدم رائعة لعملائك. اذا هيا بنا نبدأ!
ما هي قوالب WooCommerce؟
أدت كتل WooCommerce إلى ظهور طريقة جديدة تمامًا لتخصيص مواقع الويب. تم تقديم هذه الميزة مع الإصدارات الأحدث من WooCommerce ، ومنذ ذلك الحين ، جعلت تنفيذ الوظائف الجديدة والمتقدمة أسهل بكثير. على سبيل المثال ، يمكنك إنشاء العديد من مواقع التجارة الإلكترونية بتخطيطات مختلفة باستخدام كتل WooCommerce في تركيبة فريدة.
كتل WooCommerce هي عناصر يمكنك إضافتها إلى صفحات الويب الخاصة بك لمساعدتك في تحسين تجربة المستخدمين على موقع الويب الخاص بك. تتمثل بعض الميزات الرئيسية لهذه الكتل في اختيار موضعها وحجمها وتخصيصها ولوحة ألوانها وحتى تأثيرات الرسوم المتحركة. أدت تأثيرات الرسوم المتحركة لهذه الكتل إلى نقل تطوير موقع التجارة الإلكترونية إلى مستوى جديد تمامًا.
يمكن إضافة كتل WooCommerce إلى رأس صفحات الويب أو تذييلها أو أشرطةها الجانبية. يمكنك أيضًا تحديد مواقع متعددة لهذه الكتل واختيار أفضل ما يناسب متطلباتك. إذا كنت تريد استخدام WooCommerce كمحرك للتجارة الإلكترونية لمدونتك ، فيمكنك إضافة رمز عربة التسوق إلى الشريط الجانبي. سيتضمن ذلك رابطًا مباشرًا إلى صفحة الخروج من WooCommerce ويمكن للزوار المنتظمين لمدونتك استخدامها.
فوائد استخدام الكتل في WooCommerce
تعتبر الكتل طريقة رائعة لإضفاء الإثارة على صفحاتك. فيما يلي بعض فوائد استخدامها!
- سهل الاستخدام
الكتل سهلة الاستخدام. ما عليك سوى سحبها ووضعها في المكان الذي تريده. ليس هناك حاجة للتعلم! تخصيص الكتل بنفس السهولة. كل ما تحتاجه هو النقر فوق الكتلة التي تريد تعديلها ، وتخصيصها حسب تفضيلاتك ، والضغط على "نشر".
- يسمح لك ببناء الصفحات بشكل أسرع
تعتبر الكتل خيارًا مدمجًا لعرض المنتجات في معظم السمات والمكونات الإضافية ، لذلك لا يتطلب الأمر الكثير من الوقت أو الطاقة لإنشاء الصفحات. إنها مثالية لعرض منتجاتك بطريقة تسهل قراءتها والتنقل فيها.
- ** المرونة عند عرض المنتجات
الكتل مرنة بمعنى أنه يمكنك مزجها ومطابقتها أو تجاوز الكتل الموجودة أو حذفها أو حتى تغيير خصائصها. يمكنك أيضًا عرض كتل مختلفة للزائرين اعتمادًا على الصفحة التي يتواجدون فيها حاليًا. هذا يتيح لك منحهم تجربة شخصية!
- لا يتطلب أي خبرة في الترميز
في الماضي ، كان المصممون بحاجة إلى خبرة في الترميز لإنشاء عروض محتوى باستخدام المنتجات الفردية في WooCommerce. الآن ، يتم التعامل مع معظم ذلك بواسطة كتل المنتج في الإصدارات الأحدث من WooCommerce. تم تنفيذ معظم التصميم من أجلك ، لذلك ليس هناك الكثير من التفكير المطلوب من جانبك.
أهم 7 كتل WooCommerce (وكيفية استخدامها)
بصفتك مالك متجر ، عليك أن تقرر كيفية عرض المنتجات على موقع الويب الخاص بك. هناك العديد من أنواع كتل WooCommerce. يمكن إضافة هذه الكتل إلى أي صفحة أو نشر على موقع الويب الخاص بك. يجب أن تعتمد الكتلة التي تختارها على المنتجات التي تريد عرضها وكيف تريد عرضها.
أفضل المنتجات مبيعًا
يمكن استخدام مجموعة المنتجات الأكثر مبيعًا لعرض المنتجات الأكثر مبيعًا على موقع الويب الخاص بك. كما يعرض المنتجات الأكثر مبيعًا من كل فئة. يمكنك اختيار جعل هذه الكتلة لعرض أو عدم إظهار المراجعات والأسعار والأوصاف الخاصة بمنتجك.
يتم دعم المنتجات الأكثر مبيعًا بشكل افتراضي في WooCommerce. تحتاج إلى النقر فوق "المنتجات" ثم "أفضل البائعين" لعرضها على موقع الويب الخاص بك. سيعرض هذا أفضل المنتجات مبيعًا على الإطلاق ، شهرًا بعد شهر. يمكنك اختيار فرز هذه القائمة حسب التاريخ أو المبيعات.
قالب المنتج المميز
تعرض كتلة المنتج المميزة منتجًا معينًا تريد التركيز عليه. يجب أن يكون المنتج الذي تختاره للمنتج المميز فريدًا إلى حد ما ؛ ربما يكون منتجًا جديدًا ، أو ربما توليه اهتمامًا خاصًا لبعض العروض الترويجية الخاصة. يمكنك استخدام هذه الكتلة لعرض المنتجات التي ظهرت مؤخرًا في الأخبار أو المنتجات المعروضة على موقع الويب الخاص بك لفترة محدودة.
كتلة المنتجات الأعلى تقييماً
تعرض مجموعة المنتجات ذات التصنيف الأعلى فقط المنتجات الأعلى تصنيفًا من بين جميع منتجاتك. يعرض المراجعات وتقييمات النجوم ، لذلك سترى متوسط النجوم التي حصل عليها منتجك.
يتم دعم المنتجات ذات التصنيف الأعلى بشكل افتراضي في WooCommerce. تحتاج إلى النقر فوق "المنتجات" ثم "الأعلى تقييمًا" لعرضها على موقع الويب الخاص بك. يتم إنشاء هذه القائمة تلقائيًا مع جميع منتجاتك بالترتيب العددي لتصنيفها. يمكنك فرز هذه القائمة حسب التاريخ عبر علامة التبويب الأعلى تصنيفًا أو أبجديًا عبر علامة التبويب الشائعة.
كتلة جميع الاستعراضات
تسمح لك مجموعة المراجعات بعرض أحدث مراجعة فقط لكل منتج. إنه يوضح عدد المرات التي تم فيها عرض المنتج قبل أن يترك شخص ما مراجعة ، وعندما قام بالمراجعة ، وعدد المرات التي فضلوا فيها ذلك. علاوة على ذلك ، فهو يتضمن جميع الصور المرفقة بهذه المراجعة ، بما في ذلك تلك الموجودة في معرض صور المنتج. لعرض جميع المراجعات على موقع الويب الخاص بك ، تحتاج إلى النقر فوق "المنتجات" ثم "كل المراجعات".
تصفية المنتجات حسب كتلة السعر
تسمح لك منتجات التصفية حسب كتلة السعر بتصفية المنتجات حسب نطاق السعر الأدنى والأقصى الذي تحدده أنت. يمكنك اختيار عرض هذه المجموعة أو عدم إظهارها تقييمات وتقييمات وأوصاف لمنتجك. لإدخال قيمة عددية للحد الأدنى أو الحد الأقصى ، أدخل رقمًا في مربع النص حتى إذا لم يكن هناك رقم قبل الفاصلة. على سبيل المثال ، عند إدخال القيم الرقمية ، تذكر أنها شاملة ؛ أي عند تعيين حد أدنى للسعر من 10 دولارات إلى 20 دولارًا ، فهذا يعني أنه سيتم عرض جميع المنتجات التي تقل عن 10 دولارات أو أكثر من 20 دولارًا.
لعرض منتجات التصفية حسب كتلة السعر على موقع الويب الخاص بك ، انقر فوق "المنتجات" ثم "فلاتر الأسعار". تعرض هذه القائمة جميع عوامل التصفية الحالية التي تم إعدادها لكل منتج. يمكنك حفظ هذه القائمة كإعداد مسبق بحيث يمكنك بسهولة إعادة استخدامها لاحقًا أو مشاركتها مع مستخدمين آخرين لمتجرك.
المنتجات حسب الفئة بلوك
تعد المنتجات حسب فئة المجموعة طريقة سهلة لمشاهدة جميع المنتجات في فئة معينة في وقت واحد. يمكن أن يكون هذا مفيدًا في العثور بسرعة على منتج أو الحصول على نظرة عامة على جميع المنتجات في فئة معينة. لاستخدام هذا الحظر ، انتقل إلى صفحة المنتجات في WooCommerce وانقر على كتلة المنتجات حسب الفئة. سيعرض جميع المنتجات في الفئة المحددة ، مع وصف موجز وصورة مصغرة لكل منتج.
أحدث بلوك المنتجات
تسمح لك مجموعة المنتجات الأحدث بعرض أحدث المنتجات المضافة فقط من بين جميع منتجاتك. يتم دعم أحدث منتج افتراضيًا في WooCommerce. تحتاج إلى النقر فوق "المنتجات" ثم "الأحدث" لعرضها على موقع الويب الخاص بك. يتم إنشاء هذه القائمة تلقائيًا مع جميع منتجاتك بترتيب رقمي لتاريخ إضافتها ؛ يتم عرض آخر عنصر تمت إضافته أولاً ، ويتم عرض الأقدم أدناه. يمكنك فرز هذه القائمة حسب التاريخ عبر أحدث علامة تبويب أو أبجديًا عبر علامة التبويب الأقدم.
الملاحظات الختامية
تعد كتل WooCommerce طريقة رائعة لتحسين مظهر ومظهر متجر WooCommerce الخاص بك. إنها تسمح لك بإضافة عناصر تصميم مخصصة مثل الأزرار وعلامات التبويب والمزيد.
يتم تقسيم الكتل إلى فئتين: الكتل الأساسية ، والتي توفر المحتوى الأساسي لصفحة أو منشور ، والكتل المتقدمة.
تتوفر معظم الكتل في كل من المحرر الكلاسيكي و Gutenberg. علاوة على ذلك ، فإن الكتل سهلة الاستخدام لأنها تحتوي على واجهة سهلة الاستخدام. يمكنك إضافة وتحرير الكتل ببضع نقرات فقط.
آمل أن يساعدك هذا الدليل في فهم المزيد حول كتل WooCommerce ونصائح لاستخدامها بفعالية.
إذا كان لديك أي أسئلة حول هذا الموضوع ، يرجى التعليق أدناه. سأكون سعيدا للمساعدة.
شكرا لقرائتك!
ما هي كتلة جوتنبرج؟
كتلة Gutenberg هي جزء من المحتوى يمكن إعادة استخدامه ويمكن وضعه في أي مكان على الصفحة. يمكن استخدام الكتل للنصوص أو الصور أو مقاطع الفيديو أو أي نوع آخر من المحتوى. لإضافة كتلة Gutenberg ، انقر فوق علامة الجمع (+) على يسار الصفحة. سيظهر هذا مكتبة من الكتل التي يمكنك استخدامها.
ما هي كتل العنصر؟
تعد كتل Elementor طريقة جديدة لبناء الصفحات باستخدام Elementor. إنها تسمح لك بإضافة أدوات مدمجة مسبقًا إلى صفحتك ، مما يوفر لك الوقت والجهد. يمكنك إضافة كتل إلى صفحتك بطريقتين ، إما عن طريق استخدام شريط الأدوات أعلى الشاشة أو النقر فوق الزر "إضافة كتلة" في الزاوية اليسرى السفلية.
كيفية تحرير كتلة WooCommerce؟
يمكنك تعديل كتلة WooCommerce بالنقر فوق رمز "القلم الرصاص" بجوارها في Block Manager. بمجرد القيام بذلك ، ستظهر إعدادات الكتلة ، ويمكنك تغيير أي من النص أو HTML. بعد ذلك ، انقر فوق "تحديث" لحفظ التغييرات.