كيفية إضافة WooCommerce Floating Cart إلى WordPress في 3 خطوات بسيطة

نشرت: 2023-04-09

هل تريد تسهيل تجربة التسوق لعملائك وزيادة معدل التحويل؟ قد تتساءل ، لكن إضافة عربة عائمة إلى موقع WooCommerce الإلكتروني الخاص بك ستؤدي هذه الوظائف بفعالية!

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

الآن السؤال هو ، "كيف تضيف WooCommerce Floating Cart إلى WordPress؟" يمكنك إضافة عربة عائمة باستخدام أداة عربة الطيران اللزجة ShopEngine باتباع 3 خطوات بسيطة فقط.

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

المحتويات تخفي
1 كيفية إضافة WooCommerce Floating Cart إلى WordPress - دليل خطوة بخطوة
1.1 الخطوة الأولى: تثبيت وتفعيل الإضافات الضرورية
1.2 الخطوة 2: تمكين أداة عربة التحليق اللاصقة في ShopEngine
1.3 الخطوة 3: تخصيص الإعدادات
1.4 كيفية اختبار عربة التسوق الجديدة في موقع WooCommerce الخاص بك
2 5 الفوائد الرئيسية لإضافة عربة الطيران اللاصقة الخاصة بـ ShopEngine إلى WordPress
2.1 1. سهولة الوصول إلى عربة التسوق
2.2 2. جاذبية بصرية
2.3 3. زيادة المبيعات
2.4 4. استجابة الجهاز
2.5 5. تحسين تجربة المستخدم
3 أسئلة وأجوبة
3.1 هل من الضروري إضافة سلة عائمة إلى موقع التجارة الإلكترونية الخاص بي؟
3.2 هل يمكنني إضافة عربة متحركة إلى صفحات ويب معينة باستخدام ShopEngine؟
3.3 هل استخدام أداة عربة التحليق اللاصقة في ShopEngine مجاني؟
4 الخط السفلي

كيفية إضافة WooCommerce Floating Cart إلى WordPress - دليل خطوة بخطوة

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

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

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

بالإضافة إلى ذلك ، من السهل جدًا الاندماج مع موقع WordPress الخاص بك في 3 خطوات .

هيا بنا نبدأ-

الخطوة 1: قم بتثبيت وتنشيط المكونات الإضافية الضرورية

لإضافة عربة التسوق العائمة إلى موقع WordPress الخاص بك ، فإن المتطلبات الأساسية هي تثبيت المكونات الإضافية الثلاثة التالية.

WooCommerce: تنزيل WooCommerce
ShopEngine (مجاني): تنزيل ShopEngine
ShopEngine Pro: احصل على ShopEngine Pro

قم بتسجيل الدخول إلى لوحة معلومات WordPress الخاصة بك ، ثم انتقل إلى الإضافات -> إضافة جديد . بعد ذلك ، ابحث عن WooCommerce وقم بتنشيطه. WooCommerce عبارة عن منصة تجارة إلكترونية مفتوحة المصدر لإنشاء متاجر في WordPress. إنه مجاني وقابل للتخصيص بالكامل.

بعد ذلك ، ابحث عن البرنامج المساعد ShopEngine وقم بتثبيته. بعد ذلك ، قم بتفعيل الترخيص.

ShopEngine البرنامج المساعد

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

الخطوة 2: تمكين أداة عربة التحليق اللاصقة في ShopEngine

افتراضيًا ، يتم إيقاف تشغيل أداة عربة الطيران اللاصقة. لذا ، الآن ، يجب عليك تمكين أداة Fly Cart اللاصقة الخاصة بـ ShopEngine.

  • تحوم فوق ShopEngine -> انقر فوق الوحدات. يمكنك رؤية أداة Sticky Fly Cart.
  • انقر فوق رمز الترس (الإعداد) وسيظهر شريط جانبي. قم بتشغيل " تمكين الوحدة النمطية".
تمكين أداة عربة الطيران اللاصقة لمحرك ShopEngine

الميزات الرئيسية لعربة الطيران اللزجة

  • عرض تفاصيل سلة التسوق مع كل عنصر
  • إظهار المبلغ الإجمالي الفرعي
  • يمكن إضافة أو حذف العناصر
  • تصفح صفحة عربة التسوق
  • قم بإجراء عملية السحب

الخطوة 3: تخصيص الإعدادات

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

تخصيص الإعدادات

فيما يلي خيارات التخصيص الرئيسية:

تمكين / تعطيل Flying Animation

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

تفعيل / تعطيل Ajax Add to Cart on Single Page

سيسمح تمكين هذا الخيار للعميل بإضافة منتجات (مفردة أو متغيرة) دون إعادة تحميل الموقع بالكامل.

راجع أيضًا - كيفية إضافة منتج WooCommerce Variable إلى موقع الويب الخاص بك

استبعاد الصفحات

إذا كنت ترغب في استبعاد أي صفحة من هذه الميزة ، يمكنك إضافة الصفحات في هذا الحقل.

درج من

اضبط موضع عربة الطيران على الجانب الأيسر أو الأيمن.

زر مثبت وعداد زر مثبت

بعد ذلك ، يمكنك رؤية هذين الخيارين لتخصيص خصائص الزر اللاصق وعداد الزر اللاصق. يمكنك تخصيص ما يلي:

  • حجم الزر والرمز
  • لون النص والخلفية
  • أعلى ، يسار ، يمين ، وأسفل الموضع

جسم العربة

  • تخصيص اللون وربط لون التمرير
  • تغيير لون الخلفية
  • قم بتعيين عرض جسم العربة المخصص والحشو

رأس عربة التسوق

  • اضبط قيمة المساحة المتروكة

عناصر عربة التسوق

  • قم بتعديل قيم المساحة المتروكة (يسار ، يمين ، أعلى ، أسفل)
  • تخصيص عرض ونوع ولون الحد السفلي
  • تعيين حجم الخط المخصص

أزرار عربة التسوق

  • اضبط قيم مساحة الالتفاف
  • ضبط المساحة المتروكة للأزرار
  • تخصيص لون الأزرار والخلفية
  • قم بتعيين لون خلفية التمرير المخصص

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

كيفية اختبار عربة التسوق العائمة الجديدة في موقع WooCommerce الخاص بك

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

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

هل تريد إضافة نظام سداد متعدد الخطوات إلى متجر WooCommerce الخاص بك؟
انظر هذه المدونة - كيفية إضافة WooCommerce Multi-Step Checkout في 5 خطوات

5 فوائد رئيسية لإضافة عربة الطيران اللاصقة الخاصة بـ ShopEngine إلى WordPress

5 فوائد رئيسية لإضافة عربة التسوق العائمة ShopEngine إلى WordPress

قد تبدو ميزة عربة التسوق العائمة بمثابة تغيير بسيط في موقع الويب الخاص بك على WordPress. لكن إضافة أداة عربة التسوق اللاصقة ShopEngine إلى متجر WooCommerce الخاص بك سيساعدك بطرق متعددة.

فيما يلي الفوائد الخمسة المهمة:

1. سهولة الوصول إلى عربة التسوق

مع عربة الطيران اللاصقة ShopEngine ، يمكن للعملاء بسهولة رؤية جميع تفاصيل محتوى عربة التسوق الخاصة بهم. للوصول المريح والسريع ، يمكنهم إضافة المنتجات أو إزالتها أو التحقق منها بسهولة أكبر.

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

2. جاذبية بصرية

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

من أجل المظهر المرئي سهل الاستخدام ، ستكون عملية عربة التسوق أكثر جاذبية وجاذبية للعملاء.

3. زيادة المبيعات

عندما يحصل عميلك على مظهر جميل مع سهولة الوصول إلى محتوى عربة التسوق ، فإنه سيزيد من معدل التحويل والمبيعات.

أيضًا ، يتم وضع رمز عربة الطيران اللاصق لـ ShopEngine في مكان بارز على صفحة الويب. نتيجة لذلك ، فإنه يذكر عملاءك بالمنتجات التي يضيفونها بالفعل ويعزز فرصة المبيعات المحتملة.

4. استجابة الجهاز

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

5. تحسين تجربة المستخدم

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

أسئلة وأجوبة

هل من الضروري إضافة سلة عائمة إلى موقع التجارة الإلكترونية الخاص بي؟

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

هل يمكنني إضافة عربة متحركة إلى صفحات ويب معينة باستخدام ShopEngine؟

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

هل استخدام أداة عربة التحليق اللاصقة في ShopEngine مجاني؟

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

تحقق من خطط تسعير ShopEngine

الحد الأدنى

حان وقت الختام!

تعرف على مدى سهولة إضافة عربة التسوق العائمة إلى موقع WordPress الخاص بك باستخدام أداة عربة الطيران اللاصقة ShopEngine. ما عليك سوى اتباع الخطوات الثلاث البسيطة وستكون جاهزًا للانطلاق!

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

اذن لماذا تنتظر؟ أضف عربة الذبابة اللاصقة ShopEngine إلى موقع الويب الخاص بك واجعله أكثر مرونة وسهولة في الاستخدام!