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

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

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

• تركيبة WooCommerce و Elementor
• إنشاء صفحة الفئة في Elementor
• إعدادات الشكل الظاهري

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

تركيبة WooCommerce و Elementor

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

يمكنك إجراء ما يلي بالخيارات المتاحة في Elementor Pro:

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

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

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

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

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

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

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

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

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

• اللون: اختر لون العنوان
• أسلوب الطباعة : عيّن خيارات الطباعة لنص العنوان

عد الإعدادات

• اللون: اختر لون العد
• الطباعة: عيّن خيارات الطباعة للعدد

استنتاج

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