تتغير اتجاهات التسوق بوتيرة سريعة ويميل الناس إلى الشراء عبر الإنترنت أكثر من أي وقت مضى.
لهذا السبب يحتاجون إلى متجر للتجارة الإلكترونية يتزايد لإرضاء عادات التسوق عبر الإنترنت لأن الناس يجدون أنه أكثر ملاءمة للشراء عبر الإنترنت بدلاً من الخروج للتسوق.
يمكنك أيضًا بدء متجر التجارة الإلكترونية الخاص بك على الفور ، باستخدام الأدوات والإعداد المناسبين. وستلاحظ زيادة كبيرة في مبيعاتك خلال فترة زمنية قياسية.
إذا كنت قد خططت لبدء متجر للتجارة الإلكترونية وتبحث عن خبير WordPress للقيام بالمهمة نيابة عنك ، دعني أخبرك ، لست بحاجة إلى أي منها.
نعم! يمكنك القيام بذلك بنفسك لأنك لست بحاجة إلى أن تكون مطورًا في WordPress أو خبيرًا في الترميز ويمكنك القيام بذلك دون أن يكون لديك أي معرفة بالبرمجة باستخدام الأدوات والإعداد المناسبين.
ما عليك سوى اتباع البرنامج التعليمي خطوة بخطوة لإنشاء صفحة متجر WooCommerce باستخدام أداة إنشاء الصفحات Elementor.
دعونا نحفر أعمق للوصول إلى هذه النقطة!
- ما الذي ستحتاجه لإنشاء صفحة منتج باستخدام Elementor؟
- كيفية تثبيت منشئ الصفحة Elementor؟
- قم بإنشاء صفحة منتج Elementor WooCommerce خطوة بخطوة
- المحمول تحسين صفحة منتج WooCommerce الخاصة بك
- تسعير Elementor Pro
- تغليف
ما الذي ستحتاجه لإنشاء صفحة منتج باستخدام Elementor؟
plugin WooCommerce على موقع WordPress الخاص بك من مستودع WordPress.org وفوق ذلك ستحتاج إلى تثبيت مُنشئ صفحة Elementor . يمكن تنزيل الإصدار المجاني من WordPress.org ولكن الإصدار المجاني يأتي بخيارات تخصيص محدودة. لذلك ، إذا كنت ترغب في الحصول على خيارات تخصيص غير محدودة ، فانتقل إلى Pro Elementor وقم بتنزيله من Elementor.org الرسمي.
كيفية تثبيت منشئ الصفحة Elementor؟
- للحصول على نسخة مجانية من Elementor:
انتقل إلى Plugin الإضافية> إضافة جديد> أدخل منشئ الصفحة Elementor> انقر فوق التثبيت والتفعيل.
- بالنسبة إلى Elementor Pro:
قم بشراء إصدار Pro من Elementor.com ثم قم بتحميل الملف المضغوط ثم انقر فوق التثبيت والتفعيل.
قم بإنشاء صفحة منتج Elementor WooCommerce خطوة بخطوة
تبدو صفحة منتج WooCommerce القياسية مثل أي صفحة منتج WooCommerce أساسية دون أي هش.
ومع ذلك ، إذا كنت ترغب في إضافة صوت علامتك التجارية ، فعليك تخصيصها بشكل فريد.
الخطوة 1: انتقل إلى قسم النموذج من قائمة لوحة التحكم وانقر على "إضافة جديد".
الآن من القائمة المنسدلة حدد العنصر "منتج واحد"
أفضل جزء هو أن Elementor يأتي مع بعض قوالب صفحات المنتج المعدة مسبقًا ، لذلك ، إذا كنت ترغب في البدء السريع ، فحدد أي شخص من الخيارات التي تبدو الأقرب إلى الخيار الذي تريده.
من الأسهل بكثير إنشاء صفحة منتج من النموذج المعد مسبقًا بدلاً من الإنشاء من البداية. لذلك ، قم بتعديل أي قالب موجود ووفر وقتك وجهدك.
لقد اخترنا هذا النموذج لصفحة منتجاتنا.
بمجرد تحديد القالب المفضل لديك ، سيقودك إلى محرر Elementor حيث يمكنك تخصيص القالب حسب ذوقك.
هنا يمكنك رؤية كتل مختلفة في القائمة الموجودة على الجانب الأيسر. قم بسحب وإسقاط الكتلة التي ترغب في العمل معها.
انقر فوق الزر "+" إضافة وحدد حجم العمود الذي ترغب في إضافته.
لقد اخترنا حجم عمودين لقالب منتجاتنا.
الآن ، أضف عنصر واجهة مستخدم لعنوان المنتج في العمود الأيمن وأضف عنوان منتجك عليه.
بمجرد إضافة عنوان المنتج ، فإن الخطوة التالية هي إضافة "Woo breadcrumbs" فوقه.
الآن ، أضف صورة المنتج في العمود الأيسر واسحب أداة صورة المنتج من العمود الأيسر.
يمكنك إضافة المساحة المتروكة إلى كلا العمودين لإبعادهما قليلاً عن بعضهما البعض.
بعد إضافة الصورة وضبط المساحة المتروكة وفقًا للأبعاد المطلوبة ، أضف أداة تصنيف المنتج أسفل عنوان المنتج.
أضف وصفًا موجزًا لعنصر واجهة المنتج أسفل قالب مراجعة المنتج. يمكنك أيضًا ضبط المسافة بين الكتلتين.
بمجرد الانتهاء من وصف المنتج وجميع التفاصيل ، فإن خطوتنا التالية هي إضافة سعر المنتج ولهذا سيتعين عليك سحب عنصر واجهة السعر أسفل وصف المنتج.
بعد إضافة علامة تبويب السعر أسفل وصف المنتج ، يمكنك تخصيص أداة السعر من خلال تحديد الخيارات من القائمة اليسرى. يمكنك تكبير الأيقونة وتغيير نمط الخط وكذلك لون الخط من الأسود إلى أي لون آخر من اختيارك.
أضف الآن الأداة "إضافة إلى عربة التسوق" وخصص لونها أو خطها أو نمطها من القائمة إذا كنت ترغب في ذلك.
الآن ، أضف تعريف المنتج ضمن عنصر واجهة السعر الذي سيعرض فئة المنتج والرقم التسلسلي للمنتج.
الخطوة 2: أضف معلومات إضافية عن المنتج في القسم التالي.
قم بإنشاء قسم عمودين جديدين ثم أضف علامات تبويب بيانات المنتج بما في ذلك الوصف والمعلومات والمراجعات الإضافية. وعلى الجانب الأيمن من العمود أضف قسم المنتج ذي الصلة.
للاحتفاظ بنفس التنسيق لكل عمود ، يمكنك النقر فوق الزاوية اليسرى لكل عمود ونسخ تنسيق العمود ولصقه لكل عمود.
الخطوة 3: أضف قسمًا آخر من قسم إضافة "up-sell section".
إليك كيف سيبدو قسم البيع الإضافي بعد الإضافة. أضف بعض المساحة المتروكة لمحاذاة القسم.
وأخيرًا ، لقد انتهيت من تصميم صفحة منتجك. الآن ، الخطوة الأخيرة هي المكان الذي تريد نشر منتجك فيه؟ يمكنك النقر فوق نشر أو الانتقال إلى قسم العين في الزاوية السفلية من القائمة اليسرى والنقر فوق الإعدادات لتحديد فئة المنتج.
انقر فوق قائمة "إضافة شرط" ثم حدد فئة منتجك وانقر فوق "نشر".
المحمول تحسين صفحة منتج WooCommerce الخاصة بك
نظرًا لأن الكثير من حركة المرور ستأتي عبر الهواتف الذكية ، فسيتعين عليك تحسين متجرك لعرض الهاتف الذكي ، وإلا فقد تفقد مبيعاتك.
على الرغم من أن WooCommerce مُحسَّن بالفعل للجوّال ، إلا أنه لا يزال يتعين طمأنة ما إذا كانت قوالب صفحة المنتج تبدو جيدة تمامًا على شاشة الهاتف المحمول ، اتبع الإجراء.
ستجد خيار وضع الاستجابة في الركن السفلي الأيسر من واجهة Elementor.
عند النقر فوق خيار الاستجابة للجوال ، يمكنك التبديل بين خيارات عرض الجوال وسطح المكتب وعلامة التبويب.
انقر فوق أي من الخيارات التي ترغب في عرضها وتعديل التصميم إذا وجدت أي تعقيد.
الآن ، احفظ واستمر في نشر صفحة المنتج الخاصة بك.
تسعير Elementor Pro
يتوفر إصدار Elementor الأساسي مجانًا بينما يأتي الإصدار المحترف بثلاثة تراخيص. إذا كنت تبحث عن مدونتك الشخصية أو عن موقع واحد ، فإن الترخيص الشخصي هو الأنسب لك حيث يمكنك الحصول على مُنشئ WooCommerce مع أكثر من 90 عنصر واجهة مستخدم محترف.
في حين أن التراخيص الإضافية والخبيرة مناسبة للأعمال التجارية أو الوكالات الناشئة بدعم من 3 مواقع و 1000 موقع على التوالي.
تغليف
الغرض الوحيد من الصفحات Elementor هو تمكين المستخدمين من إطلاق العنان لإبداعهم دون الاعتماد على الترميز. يأتي Elementor مع مجموعة متنوعة من الأدوات التي تتيح لك إنشاء أي نوع من صفحات المنتج بناءً على تخطيطات جذابة. عناصر WooCommerce الأساسية هي أكثر من 10 عناصر تمكّن المستخدمين من تخصيص كل مكوّن ومنحنى في صفحة المتجر. وإذا لم تجد العنصر الذي تريده في قائمة Elementor ، فلا تقلق! هناك العديد من الإعدادات المتقدمة الأخرى التي يمكنها ترقية ترسانتك وإضافة عناصر متعددة إلى مكتبتك. إحداها هي الوظائف الإضافية الأساسية التي تأتي مع عناصر مخصصة لـ WooCommerce فقط.
