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

نشرت: 2023-09-14

هل تبحث عن رحلة تسوق أكثر سلاسة ومتعة؟ اكتشف راحة عربتنا العائمة الصغيرة - رفيق التسوق المثالي.

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

جدول المحتويات

ما هي العربة العائمة الصغيرة؟

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

مميزات إضافة عربة عائمة صغيرة

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

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

أضف عربة عائمة صغيرة إلى متجرك عبر الإنترنت

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

إذا كنت على دراية بـ WooCommerce بالفعل، فيمكنك متابعة تثبيت البرنامج الإضافي mini float cart . ومع ذلك، إذا كنت جديدًا على ذلك، فإننا نوصي بدليل شامل خطوة بخطوة لفهمك.

الخطوة 1: تثبيت البرنامج المساعد WooCommerce

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

إذا لم تكن قد قمت بالفعل بدمج Woo Commerce في موقع الويب الخاص بك، فإن الخطوة الأولى هي تثبيت هذه الأداة.

الخطوة 2: اختر سمة متوافقة

حدد سمة WordPress المتوافقة مع WooCommerce. تتوافق Mini Ajax Cart مع جميع السمات تقريبًا.

الخطوة 3: تثبيت البرنامج الإضافي WooCommerce Mini Floating Cart

لتحسين وظائف عربة التسوق الخاصة بك وتجربة المستخدم، فكر في تثبيت مكون إضافي مخصص لعربة التسوق الصغيرة WooCommerce. سنرشدك هنا خلال خطوات تثبيت البرنامج الإضافي Mini AJAX cart.

في هذا البرنامج التعليمي، سنستخدم البرنامج الإضافي Mini Ajax Cart WooCommerce كمرجع لسلة التسوق.

دعنا نرشدك خلال عملية تثبيت البرنامج الإضافي وإجراء التعديلات اللازمة للبدء. يمكنك تحميل البرنامج المساعد مباشرة بالضغط على هذا الرابط.

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

الآن، بعد أن قمت بتثبيت وتفعيل المكون الإضافي لجعل العربة الصغيرة مرئية على موقع الويب الخاص بك:

  • انتقل إلى لوحة تحكم WordPress الخاصة بك
  • انتقل إلى Mini Ajax Cart > الإعدادات الرئيسية .
  • أضف عنوان سلة التسوق
  • قم بتبديل زر "تمكين العربة الصغيرة " إلى وضع التشغيل.
  • تأكد من "نشر/تحديث" كافة التغييرات الضرورية التي أجريتها.

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

توجه إلى موقع التجارة الإلكترونية الخاص بك ويمكنك أن ترى أن العربة العائمة الصغيرة مرئية لتجربة مستخدم سهلة.

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

الخطوة 4: تكوين العربة الصغيرة

الخطوة التالية هي تكوين البرنامج المساعد عربة صغيرة. بعد تثبيت البرنامج الإضافي mini cart وتنشيطه، يمكنك تكوين سلوك سلة التسوق المطلوب. دعونا نلقي نظرة مختصرة على التعديلات التي يمكنك إجراؤها على كل قسم.

ط) سلة التسوق / إعدادات الزر

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

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

ب) لوحة العربة

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

ج) محتوى سلة التسوق

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

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

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

في الفيديو التعليمي أعلاه، يمكنك رؤية التغييرات التي يمكنك إجراؤها في قسم محتوى سلة التسوق.

الخطوة 5: تخصيص المظهر

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

تصميم

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

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

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

الخطوة 6: اختبار العربة الصغيرة

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

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

فتح الميزات المميزة

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

دعونا نرى بعض ميزات الإصدار Pro:

  • أكثر من 15 قالبًا جاهزًا لسهولة الاستيراد
  • خيار الخروج من Ajax على لوحة سلة التسوق
  • 3 تخطيطات مختلفة للوحة عربة التسوق: Slide In، Floating، Popup
  • عناصر إضافية لتخصيص سلة التسوق: العنوان، ومنتجات سلة التسوق، والقسيمة، وشريط الشحن، والأزرار، والعناصر المقترحة
  • أيقونات قابلة للتخصيص لسلة/زر العربة
  • 11 شكلًا مختلفًا لأزرار عربة التسوق
  • العديد من الرسوم المتحركة لزر عربة التسوق، بما في ذلك الرسوم المتحركة لحالة الخمول والتمرير
  • الرسوم المتحركة للوحة عربة التسوق والرسوم المتحركة للدخول/الخروج
  • مواضع أزرار عربة التسوق قابلة للتخصيص
  • توافق Elementor مع أكثر من 15 عنصرًا من عناصر Ajax Cart
  • إعدادات الاستيراد/التصدير بين عربات التسوق
  • تشغيل لوحة سلة التسوق من عناصر موقع الويب المختلفة باستخدام أسماء الفئات
  • خيار إخفاء سلة العربة عندما تكون العربة فارغة
  • فتح لوحة سلة التسوق عند إضافة منتج إلى سلة التسوق
  • إظهار/إخفاء وتخصيص شريط تمرير فاخر
  • عرض رموز القسيمة النشطة ونموذج القسيمة
  • تكوين أعمدة تخطيط الشبكة لعناصر سلة التسوق
  • قم بإزالة كافة العناصر من سلة التسوق بضغطة زر واحدة
  • تخصيص الرموز والنص عندما تكون عربة التسوق فارغة
  • خلفية مورفيزم زجاجية لزر العربة ولوحة العربة
  • خيار CSS مخصص لمزيد من التصميم

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

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

شراء الإصدار المميز