صمم فئات منتجات WooCommerce الخاصة بك باستخدام Elementor

Elementor هو منشئ صفحات WordPress المتميز لتحسين وظائف منشئ WordPress الافتراضي عن طريق إضافة ميزات جديدة.

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

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

مزيج WooCommerce و Elementor

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

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

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

إنشاء صفحة فئة WooCommerce في Elementor

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

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

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

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

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

دعونا ننكب على العمل.
بعد إعداد منتجك، يتعين عليك القيام بما يلي قبل النشر حتى يظهر في فئة:

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

انقر على نشر، ومنتجك الوحيد متاح الآن للشراء!

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

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

قبل النشر، حدد الشروط التي تحدد مكان ظهور الأرشيف، تمامًا كما فعلت مع قالب المنتج الفردي، ثم قم بالنشر.

بمجرد الضغط على "نشر"، ستصبح صفحة الأرشيف الخاصة بك مباشرة.

يمنحك Elementor pro إمكانية تصميم فئات منتجات نظيفة ودقيقة مع مجموعة من الخيارات؛

يمكنك تنفيذ ما يلي باستخدام الخيارات المتاحة في Elementor Pro:

إعدادات التخطيط لفئات منتجات WooCommerce

  • الأعمدة: قم بتعيين العدد الدقيق للأعمدة المراد عرضها، من 1 إلى 12
  • عدد الفئات: حدد عدد الفئات المراد عرضها

إعدادات الاستعلام

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

إعدادات النمط

  • فجوة الأعمدة: قم بتعيين الفجوة الدقيقة بين الأعمدة
  • فجوة الصفوف: قم بتعيين الفجوة الدقيقة بين الصفوف
  • المحاذاة: قم بمحاذاة بيانات المنتجات إلى اليسار أو اليمين أو المركز

إعدادات الصورة

  • نوع الحدود: حدد نوع الحدود، واختر من لا شيء، أو صلب، أو مزدوج، أو منقط، أو متقطع، أو محزز
  • نصف قطر الحدود: اضبط نصف القطر للتحكم في استدارة زاوية الحدود
  • التباعد: ضبط مقدار المسافة بين الصور وبياناتها

إعدادات العنوان

  • اللون: اختر لون العنوان
  • الطباعة: اضبط خيارات الطباعة لنص العنوان

إعدادات العد

  • اللون: اختر لون العد
  • الطباعة: قم بتعيين خيارات الطباعة للكونت

خاتمة

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

هانسون ف.

عرض التعليقات

  • هل هناك Wo-commerce مع Elementor Pro أم أن فئة المنتجات لا تتضمن وظيفة Elementor، فهل يمكن أن تكون قادرة على ذلك؟

    • مرحبًا، بالنسبة لإصدار Elementor المجاني، ستحتاج إلى استخدام أداة WooCommerce أو تثبيت plugin آخر يقوم بهذه المهمة.

    • مرحبًا، لديك الحد الأقصى لعدد المنشورات المتاحة في أداة Elementor، ويمكنك استخدامه لتنشيط ترقيم الصفحات

  • هيج!

    هل يمكن للطبيب البيطري أن يعيد تصنيف فئاته مع العنصر؟ هل يمكن أن يتأخر الأمر حتى يتم إضافة نص إضافي ضمن فئة نظام تحسين محركات البحث (SEO)؟ احرص على أن يكون هذا هو الإصدار الاحترافي من كوبا

    • مرحبًا، نعم يمكنك إضافة وصف إلى فئة WooCommerce مع الإصدار الاحترافي، حيث إنه مطلوب لاستخدام تخطيط فئة WooCommerce.

  • Herzlichen Dank für den super Beitrag. هل يمكن أن يكون هذا هو الحل الأمثل للمنتج في إعادة تدوير النفايات؟ Insbesondere für die bzw المستجيبة. أنزيج المحمول. نحن متاحون لمنتجات سطح المكتب 4 في أي مجتمع وللأجهزة المحمولة فقط 1 Pro Reihe.

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

  • هل يمكننا تعديل صفحة فئة المنتج بدون Elementor pro؟ إذا كانت الإجابة بنعم، فهل يمكنك ذكر هذا plugin

المشاركات الأخيرة

كيفية استخدام الرؤوس والتذييلات مع Elementor

تعد رؤوس وتذييلات موقع الويب عناصر أساسية. في معظم الحالات، يوفر الرأس إمكانية التنقل...

6 يناير 2022

مقارنة سمات WordPress: Astra vs OceanWP

اثنان من سمات WordPress الأكثر شيوعًا في السوق هما Astra وOceanWP. احترافي…

2 يناير 2022

مقارنة موضوع أخبار WordPress: Newspaper vs. Astra

إن إنشاء موقع إخباري ممتاز لا يتطلب منك أن تصبح مصمم ويب. نحن…

25 أكتوبر 2021

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

يعد موضوع Newspaper واحدًا من أهم سمات WordPress التي صممها tagDiv، وهو…

18 أكتوبر 2021

كيفية إنشاء تجارة إلكترونية باستخدام Avada WooCommerce builder

عندما يتعلق الأمر بإنشاء متجر عبر الإنترنت، فإن WooCommerce هو plugin المناسب. هو - هي…

4 أكتوبر 2021

كيفية استخدام تأثيرات الرأس والتمرير اللاصقة مع Elementor

عادةً ما يكون العنوان هو أول ما يراه الشخص عند زيارته لموقع الويب الخاص بك،...

21 سبتمبر 2021