كيفية تخصيص صفحة تسوق WooCommerce في 2 خطوات سهلة
نشرت: 2021-10-14ستقدم لك WooCommerce صفحة متجر افتراضية لمتجرك الافتراضي. لكن لديهم خيارات تخصيص محدودة. بالإضافة إلى ذلك ، فإن صفحة متجر WooCommerce المعدة مسبقًا ليست مُحسَّنة جيدًا لمعدل التحويل الخاص بك. يأتي التحويل الجيد مع صفحة متجر WooCommerce جيدة التصميم.
هل تعلم أن 22٪ فقط من الصناعات راضية عن معدل التحويل الخاص بها؟
الآن أريد أن أسألك سؤالا. هل تريد أن تكون جزءًا من 22٪ صناعات سعيدة أم غير سعيدة بنسبة 78٪؟ القرار لك. إذا كانت الإجابة بنعم ، فإن تخصيص صفحة متجرك ضروري إما عن طريق الترميز أو باستخدام مُنشئ WooCommerce. دعنا لا نستخدم الترميز هنا لأنك بحاجة إلى معرفة جيدة بالترميز لذلك. لذلك ، انتقل إلى WooCommerce builder لتخصيص صفحة متجرك. هنا تأتي مهمة أخرى ، اختيار أفضل منشئ WooCommerce.
ShopEngine هو حل كامل لصفحات WooCommerce الخاصة بك لأنه بعد استخدام هذا المكون الإضافي ، لن تحتاج إلى مكونات إضافية أخرى. سيوفر هذا المكون الإضافي حلولًا لمقارنة المنتج ، وحوامل التباين ، وقائمة الرغبات ، والعرض السريع ، والسحب السريع ، والطلب المؤجل ، والشارات ، وإشعار المبيعات ، والدفع الجزئي ، وغير ذلك الكثير. علاوة على ذلك ، يمكنك تخصيص هذه الخيارات بالكامل. هذا هو السبب في أن استخدام هذا البرنامج المساعد فعال من حيث التكلفة وسهل الاستخدام.
لذلك ، في هذه المدونة ، سأناقش كيف يمكنك إنشاء صفحة متجر مخصصة لـ WooCommerce باستخدام ShopEngine وهي أفضل أداة مجانية لبرنامج WordPress.
ما هي صفحة متجر 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 جديد.

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

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

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

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

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

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

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

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

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

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

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

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