Skip to main content

نظرة عامة

يستخدم هذا التخصيص HTML وCSS وJavaScript لحظر الدفع (checkout) عندما تحتوي السلة على عناصر بيع إضافي (upsell) فقط. يساعد ذلك في ضمان التعامل مع عروض البيع الإضافي كعروض ثانوية، وليس كمشتريات مستقلة، مما يدعم استراتيجية بيع إضافي أكثر تحكمًا وقصدية. يضمن ذلك أن تعمل منتجات البيع الإضافي ضمن حدود محددة، مع التأكيد على دورها كعناصر مكمّلة للمنتجات الأساسية. عند التنفيذ، سيتم تعطيل زر الدفع حتى تتم إضافة منتج واحد على الأقل ليس من عروض البيع الإضافي إلى السلة.

كيف يعمل

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

الخطوة 1: إضافة HTML مخصص

انتقل إلى:
Upcart > Cart Editor > Settings > Custom HTML

في قسم Above announcements/rewards، الصق:

ملاحظة حول الإصدارات القديمة: لا تزال دوال الاستدعاء window.upcartOnCartLoaded تعمل ولكنها مهملة وتسجل تحذيرات في وحدة التحكم. استخدم upcartSubscribeCartLoaded لجميع السكربتات الجديدة.

في قسم Below checkout button، الصق:

لا تتردد في تعديل صياغة رسالة التحذير لتناسب نبرة علامتك التجارية.

الخطوة 2: إضافة CSS مخصص

انتقل إلى:
Upcart > Cart Editor > Settings > Custom CSS
الصق الكود التالي:
ينسّق هذا رسالة التحذير ويعطّل زر الدفع بصريًا ووظيفيًا.

النتيجة النهائية

بعد الإعداد:
  • يُحظر الدفع ما لم يكن هناك منتج واحد على الأقل ليس من عروض البيع الإضافي في السلة
  • تُعلم رسالة العملاء بسبب تعطيل الدفع
  • تبدو التجربة سلسة ومتوافقة مع العلامة التجارية
هذا مفيد بشكل خاص لما يلي: كما أن اقتران استراتيجيات البيع الإضافي الفعالة بهذه التقنيات يحسّن تجربة التسوق العامة للعملاء من خلال إزالة التعارضات غير الضرورية في عملية الشراء.
  • منع عمليات شراء البيع الإضافي الفردية العرضية
  • الحفاظ على عروض البيع الإضافي كمنتجات إضافية فقط
  • ضمان تحكم أفضل في متوسط قيمة الطلب (AOV) وتجميع المنتجات

هل ما زلت بحاجة إلى مساعدة؟

إذا كنت بحاجة إلى أي مساعدة في التخصيصات، نوصي باستشارة Shopify Expert حول إضافة HTML وCSS وحتى JavaScript إلى درج السلة الخاص بك. اطّلع على Shopify Experts