Skip to main content
Replo هو منشئ صفحات هبوط قوي، لكن سلوك “Add to Cart” الافتراضي فيه يعيد التوجيه إلى صفحة سلة Shopify. هذا يقطع تجربة Upcart المقصودة، التي تستخدم درجًا منزلقًا. باستخدام مقتطف JavaScript بسيط، يمكنك أن تطلب من Replo إخطار Upcart عند إضافة منتج، مما يُبقي العميل على الصفحة نفسها ويفتح الدرج فورًا. يوضح هذا كيف يمكن استخدام JavaScript ليس فقط لتكامل Upcart بل أيضًا لتخصيص أوسع للسلة في متجرك.

​
لماذا يهم هذا التكامل

بشكل افتراضي، يدعم Replo عدة سلوكيات بعد الإضافة إلى السلة:
  • إعادة التوجيه إلى صفحة سلة Shopify
  • إعادة التوجيه إلى الدفع (checkout)
  • البقاء على الصفحة (بدون تفاعل مع الدرج)
لا يفتح Upcart تلقائيًا ما لم تقم بتشغيله صراحةً. يضمن هذا الإعداد فتح الدرج فور النقر على زر “Add to Cart” في Replo.

​
الخطوة 1: افتح صفحة المنتج في Replo

  1. افتح صفحة المنتج أو صفحة الهبوط في محرر Replo
  2. حدد زر Add to Cart في تخطيط الصفحة
  3. في الشريط الجانبي الأيمن، انقر على علامة التبويب Interactions
علامة التبويب Interactions في محرر Replo مع إضافة تفاعل On Click إلى زر Add to Cart

​
الخطوة 2: أضف تفاعلاً ثانيًا

  1. تأكد من أن الزر يستخدم بالفعل تفاعل Add Product to Cart
  2. انقر على أيقونة + أسفل On Click
  3. من قائمة الإجراءات، اختر Run JavaScript
  4. في حقل إدخال الكود، الصق ما يلي:
    هذا يخبر Upcart بفتح الدرج فور إضافة المنتج إلى السلة.

​
الخطوة 3: عطّل إعادة توجيه Replo إلى صفحة السلة

  1. حدد تفاعل Add Product to Cart مرة أخرى
  2. عطّل مفتاح Go to cart after?
هذا يمنع Replo من إعادة التوجيه إلى صفحة سلة Shopify، والتي كانت ستتجاوز درج Upcart تمامًا.

​
الخطوة 4: المعاينة والنشر

  1. انقر على Preview في Replo لاختبار التفاعل
  2. أضف منتجًا إلى السلة وتأكد من فتح درج Upcart تلقائيًا
  3. بعد التأكد، انقر على Publish Page لنشر التغييرات مباشرة

​
ملاحظات

  • يجب تطبيق هذا الإعداد على كل صفحة تستخدم فيها Replo + Upcart معًا
  • تأتي الدالة window.upcartRegisterAddToCart(); من واجهة API العامة لـ Upcart وتعمل دون تثبيت أكواد إضافية
  • يعمل هذا لكل من إصدارات الجوال وسطح المكتب لصفحات Replo

​
ملاحظات

يجب أن يتوقف Replo الآن عن إعادة التوجيه إلى صفحة سلة Shopify وأن يقوم بدلاً من ذلك بإخطار Upcart عند إضافة منتج إلى السلة. يرجى الملاحظة: ستحتاج إلى إكمال هذه العملية لكل صفحة منتج تصممها في Replo Landing Page Designer.