كيفية تخصيص صفحة تسوق WooCommerce في 2 خطوات سهلة

نشرت: 2021-10-14

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

هل تعلم أن 22٪ فقط من الصناعات راضية عن معدل التحويل الخاص بها؟

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

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

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

المحتويات تخفي
1 ما هي صفحة متجر WooCommerce؟
2 ما الخطأ في صفحة متجر WooCommerce الافتراضية الخاصة بك؟
3 فوائد ستحصل عليها من صفحة متجر WooCommerce المخصصة الجديدة
4 كيفية تخصيص صفحة متجر WooCommerce باستخدام ShopEngine
4.1 الخطوة رقم 1: إنشاء قالب صفحة متجر.
4.2 الخطوة رقم 2: تخصيص قالب صفحة متجر WooCommerce باستخدام ShopEngine.
5 لماذا تستخدم ShopEngine كمنشئ صفحات WooCommerce؟
6 أين يتم البحث عن قالب صفحة متجر WooCommerce؟
7 - التغليف:

ما هي صفحة متجر WooCommerce؟

صفحة متجر WooCommerce
صفحة متجر WooCommerce

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

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

ما الخطأ في صفحة متجر WooCommerce الافتراضية الخاصة بك؟

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

تخيل نفسك مكان عميلك. ماذا تريد من موقع على شبكة الإنترنت كعميل في وقت شراء المنتج؟

بالطبع ، تصميم بسيط ونظيف يمكنك من خلاله البحث والعثور على المنتجات بسهولة. صفحة متجر WooCommerce الافتراضية الخاصة بك ليست مناسبة لها.

76٪ من عملائك يريدون تصميم موقع ويب بسيط بدلاً من تصميم معقد ومربك. اسم المصدر- HubSpot.com

هذا يثبت مدى أهمية ذلك لعملائك. ألقِ نظرة الآن على صفحة WooCommerce الافتراضية الخاصة بك وافحصها. هل تحقق أرباحك المستهدفة؟ إذا لم يكن الأمر كذلك ، فاستعد لتخصيص صفحة متجر WooCommerce الخاصة بك باستخدام مكون إضافي لصفحة متجر WooCommerce و Elementor يسمى ShopEngine .

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

الفوائد التي ستحصل عليها من صفحة متجر WooCommerce المخصصة الجديدة

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

  • صفحة متجر عالية التحويل ستغير عائد الاستثمار بشكل كبير.
  • تجربة مستخدم ممتازة.
  • مُحسّن جيدًا لتحسين محركات البحث والأجهزة المختلفة.
  • فرصة لزيادة عدد المستخدمين لديك.
  • صفحة متجر جيدة للتميز في عالم التجارة الإلكترونية التنافسي.
  • صفحة متجر التحميل السريع.

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

استمر في الحفر لمعرفة ذلك.

كيفية تخصيص صفحة متجر WooCommerce باستخدام ShopEngine

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

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

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

الخطوة # 1: إنشاء قالب صفحة متجر.

لتخصيص صفحة متجر WooCommerce ، تحتاج إلى إنشاء قالب صفحة متجر. انتقل إلى ShopEngine >> قالب builder لإنشاء قالب صفحة متجر WooCommerce جديد.

تخصيص صفحة متجر WooCommerce
متجر إنشاء قالب الصفحة

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

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

الآن ، تم إنشاء قالب صفحة متجرك. لذلك ، حان الوقت للانتقال إلى جزء التخصيص الفعلي.

الخطوة # 2: تخصيص قالب صفحة متجر WooCommerce باستخدام ShopEngine.

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

  • علامة HTML: اختر العلامة التي تريد استخدامها لأرشفة العنوان.
  • المحاذاة: يمكنك تحديد محاذاة لعنوان الأرشيف الخاص بك من هنا.
  • اللون: حدد اللون المناسب لعنوان الأرشيف الخاص بك.
  • أسلوب الطباعة: قم بتحرير أسلوب الطباعة لعنوان الأرشيف الخاص بك. يمكنك تغيير العائلة وحجم الخط وارتفاع الخط والوزن والتحويل من هنا.
تحرير عنوان الأرشيف لتخصيص صفحة المتجر

بعد ذلك ، قم بتخصيص أداة صفحة الأرشيف التالية التي تمثل المنتج لكل مرشح صفحة . يمكنك تخصيص المناطق التالية لمنتجك لكل مرشح صفحة:

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

حان الوقت الآن لتحرير التخطيط لمنتجات الأرشيف الخاصة بك. هنا يمكنك تحرير:

  • إعدادات التخطيط: يمكنك تمكين أو تعطيل إعدادات التخطيط لمنتجات الأرشيف.
  • المنتجات في كل صف: حدد عدد المنتجات التي تريد عرضها في كل صف.
  • عدد الصفوف في كل صفحة: اختر عدد الصفوف التي تريد عرضها في كل صفحة.
قم بتحرير منتجات الأرشيف لتخصيص صفحة متجر WooCommerce

بعد ذلك ، يمكنك تمكين وتعطيل العديد من الخيارات لمنتجات الأرشيف الخاصة بك. علي سبيل المثال:

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

إذا قمت بتمكين هذه الخيارات ، فستظهر مع منتجات الأرشيف الخاصة بك.

تحرير محتوى منتج الأرشيف لتخصيص صفحة المتجر

ثم قم بتحرير حاوية المنتج مثل:

  • تنسيق.
  • لون الخلفية.
  • نوع الحدود.
  • عرض.
  • لون الحدود.
  • فجوة المنتج.
  • مربع الظل على تحوم.
  • المسافة بين السطور.
  • حشوة.
تخصيص صفحة متجر WooCommerce

يمكنك أيضًا تحرير المناطق التالية لمنتجات الأرشيف الخاصة بك:

  • صورة المنتج.
  • فئات المنتجات.
  • عنوان المنتج.
  • سعر المنتج.
  • وصف المنتج.
  • خارج العلامة.
  • زر إضافة إلى عربة التسوق.
  • تقييم.
  • بيع مفاجئ.
  • مجموعة الأزرار ، إلخ.
متجر صفحة التخصيص مع أرشيف المنتج القطعة

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

تحديث صفحة المتجر المخصصة
إنشاء صفحة متجر مخصصة

أشياء يجب معرفتها:

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

الآن ، ألق نظرة على صفحة متجر WooCommerce المخصصة الخاصة بك:

صفحة متجر WooCommerce مخصصة
صفحة متجر WooCommerce
قم بتخصيص صفحة متجر WooCommerce الخاصة بك باستخدام ShopEngine

ملحوظة:

هل تريد معرفة المزيد عن ShopEngine Pro؟ اقرأ المقال تقديم ShopEngine Pro: منشئ WooCommerce الثوري .

لماذا تستخدم ShopEngine كمنشئ صفحات WooCommerce؟

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

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

سمات ShopEngine ShopEngine Pro WooLentor JetWooBuilder
مقارنة السلعة
العد التنازلي لبيع الفلاش
فئات المنتجات
وصف المنتج
قائمة الرغبات
نظرة سريعة
حوامل
طلب متأخر
شارات
إشعار المبيعات
دفع جزء من المال
طلب مسبق
الخروج السريع
حقل إضافي للخروج
أضف إلى السلة
فتات الخبز
مقتطفات المنتج
مرشحات المنتج
تفاصيل الحساب
علامات المنتج
عنوان الأرشيف
أرشيف نتيجة العد
التنقل في الحساب
افتح خيارات التخصيص الجديدة مع ShopEngine Pro

أين يتم البحث عن قالب صفحة متجر WooCommerce؟

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

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

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

قوالب لصفحة المتجر
قالب صفحة المتجر

تغليف:

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

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

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

ابدأ مع ShopEngine Pro