Skip to main content
يشرح هذا الدليل كيفية تكوين أدوات الـ checkout ووضعها في Aftersell، بدءًا من تفعيل الأدوات وحتى تحسين مواضعها في Shopify Checkout لتحقيق أعلى معدلات التحويل.. ملاحظة: أدوات الـ checkout متاحة فقط لتجار Shopify Plus بسبب قيود واجهة برمجة تطبيقات قابلية توسيع الـ Checkout في Shopify.

الخطوة 1: تفعيل أداتك في Aftersell

قبل إضافة الأدوات إلى الـ checkout الخاص بك، يجب تفعيلها في لوحة إدارة Aftersell.
  1. انتقل إلى علامة تبويب Checkout في لوحة إدارة Aftersell الخاصة بك
  2. حدد نوع الأداة التي تريد تكوينها (Upsells أو Cart Controls أو Rewards أو Trust Badges أو Testimonials أو Notes أو Images أو Text)
  3. انقر على Create لإنشاء أداة جديدة أو حدد أداة موجودة لتحريرها
  4. كوّن إعدادات أداتك (راجع أنواع الأدوات وتكوينها أدناه)
  5. انقر على مفتاح Enable في الزاوية العلوية اليمنى من إعدادات الأداة
  6. بالنسبة لعروض الـ upsell المقيدة أو المتقدمة، تأكد من تفعيل المحفزات المخصصة قبل المتابعة

الخطوة 2: فتح محرر Shopify Checkout

هناك طريقتان للوصول إلى محرر Shopify Checkout: الخيار 1: من لوحة إدارة Shopify
  1. انتقل إلى Settings في لوحة إدارة Shopify
  2. انقر على Checkout في شريط التنقل الأيسر
  3. انقر على Customize بجوار ملف الـ checkout المطلوب
الخيار 2: من Aftersell
  1. انقر على زر Open Shopify Checkout Editor في أسفل يمين صفحة محرر Checkout في Aftersell
💡 نصيحة: يمنحك الخيار 1 مزيدًا من التحكم في ملف الـ checkout الذي تحرره. نوصي بالاختبار على نسخة مسودة أولًا قبل تفعيلها. الصفحة الرئيسية للوحة إدارة Shopify مع تمييز رابط Settings لفتح محرر الـ checkout

الخطوة 3: إضافة كتلة التطبيق إلى الـ checkout الخاص بك

  1. في محرر Shopify Checkout، انقر على Add app block
  2. حدد أداة Aftersell المطلوبة من قائمة الأدوات المتاحة
  3. اختر الموضع الصحيح لأداتك (راجع المواضع المتاحة أدناه)
  4. إذا أردت عرض أدواتك في checkout الخاص بـ Shop Pay، فحدد خيار Include app block in Shop Pay
  5. انقر على Save في الزاوية العلوية اليمنى
محرر Shopify Checkout مع سهم يشير إلى زر Add block في الشريط الجانبي

الخطوة 4: تحديد موضع أداتك

  1. اسحب كتلة التطبيق وأفلتها في الموقع المطلوب داخل منطقة الموضع المحددة
  2. انقر على Save في الزاوية العلوية اليمنى
قائمة الكتل في محرر Shopify Checkout بجوار معاينة checkout مباشرة تعرض أدوات Aftersell

أنواع الأدوات وتكوينها

المواضع

تُنشأ المواضع في محرر Checkout الخاص بـ Aftersell وتتيح لك تشغيل عدة أدوات من النوع نفسه على صفحة الـ checkout ذاتها. على سبيل المثال، إذا أردت عرض عرضي upsell على الصفحة نفسها، فيجب تعيين كل منهما إلى موضع مختلف.

المواضع المتاحة

  • Default placement: الموضع الأساسي. يبدأ كل نوع أداة هنا.
  • Additional placement 1: خانة موضع ثانية لعرض أداة أخرى من النوع نفسه على الصفحة ذاتها.
  • Additional placement 2: خانة موضع ثالثة لمزيد من الفصل.
يمكنك أيضًا إنشاء مواضع جديدة مباشرة من القائمة المنسدلة للمواضع في Aftersell عبر تحديد + Add new placement. محرر Checkout في Aftersell يعرض القائمة المنسدلة للمواضع فوق قائمة Upsells والمعاينة

متى تستخدم مواضع متعددة

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

مطابقة المواضع في محرر Shopify Checkout

يقابل كل موضع في Aftersell كتلة تطبيق منفصلة في محرر Shopify Checkout. يجب أن يتطابق الموضع المحدد في Shopify مع الموضع المضبوط في Aftersell. على سبيل المثال، إذا عُيّنت أداة إلى Additional placement 1 في Aftersell، فيجب أيضًا ضبط كتلة التطبيق في Shopify على Additional placement 1. إذا لم تتطابق المواضع، فقد لا تظهر الأداة أو قد تُعرض في الموقع الخطأ. مهم: عدم تطابق المواضع هو أحد أكثر الأسباب شيوعًا لعدم ظهور الأداة. إذا لم تظهر أداة، فتأكد من تطابق الموضع في كل من Aftersell وShopify قبل مواصلة استكشاف الأخطاء. إعدادات كتلة Upsell Widget في محرر Shopify Checkout مع ضبط القائمة المنسدلة Placement على موضع إضافي

عروض الـ Upsell

اعرض منتجات على العملاء أثناء الـ checkout لزيادة متوسط قيمة الطلب (AOV). خيارات التكوين: أوضاع الأداة:
  • Single Product Upsell: عرض منتج واحد مع زر إضافة إلى السلة
  • Multi-Product Upsell: عرض عدة منتجات في تخطيط متراص أو دوّار، مما يتيح للعملاء قبول عدة عروض
  • Checkmark Upsell: عرض منتج واحد مع خانة اختيار بدلًا من زر إضافة إلى السلة (مثالي للإضافات منخفضة التكلفة مثل حماية الشحن)
طرق اختيار المنتجات:
  • Specific Products: اختيار منتجات فردية يدويًا لعرضها كـ upsell
  • Collection: اختيار مجموعة وعرض ما يصل إلى 5 منتجات عشوائية (تُستبعد المنتجات الموجودة بالفعل في السلة تلقائيًا)
  • Automatic upsell(s): التوصية بالمنتجات تلقائيًا بناءً على محتويات السلة
  • Most Expensive Product: عرض upsell تلقائيًا لأغلى منتج في السلة
  • Spend threshold: التوصية بمنتجات تساعد العملاء على بلوغ حدود المكافآت (لا يمكن اختياره إلا بعد تفعيل Show rewards bar على أداة الـ upsell نفسها)
  • Strategy: اختيار منتج ديناميكيًا باستخدام الاستهداف القائم على القواعد. يُعرض فقط في المتاجر التي فعّلت الاستراتيجيات
ميزات إضافية:
  • إضافة خصومات مباشرة داخل الأداة
  • تثبيت خطط الاشتراك على خيارات محددة
  • عرض نجوم تقييمات المنتجات (يتطلب تطبيق تقييمات متوافقًا)
  • تحديد حد أقصى لعدد العروض المقبولة لكل أداة (لنوعي Single وMulti فقط)
تعرف على المزيد حول أدوات الـ upsell

عناصر التحكم في السلة

اسمح للعملاء بتعديل سلتهم مباشرة على صفحة الـ checkout. عناصر التحكم المتاحة:
  • Variant selector: التغيير إلى متغير آخر متوفر في المخزون
  • Quantity selector: تعديل كميات المنتجات
  • Remove item: يؤدي Show Remove Item Button إلى إزالة منتجات الـ upsell من السلة. أما الإعداد المرافق، Allow Removal of Non-Upsell Products (معطّل افتراضيًا)، فيوسّع الإزالة لتشمل كل ما في السلة
  • Subscription selector: تغيير تكرار الاشتراك
  • Subscription upgrade: ترقية المشتريات لمرة واحدة إلى اشتراكات
  • Custom text: إضافة نص مخصص أسفل عناصر الطلب
استهداف المنتجات:
  • التطبيق على جميع المنتجات في السلة
  • التطبيق فقط على منتجات محددة
  • التطبيق على جميع المنتجات باستثناء المحددة
ميزات إضافية:
  • عرض نجوم تقييمات المنتجات للمنتجات الموجودة في السلة
تعرف على المزيد حول عناصر التحكم في السلة

المكافآت

اعرض شريط تقدم يوضح للعملاء مدى قربهم من الحصول على مكافأة. خيارات التكوين:
  • أساس المكافأة: Cart total أو Item count
  • أساس المبلغ (لـ Cart total): Order total (includes shipping and tax) أو Subtotal (before discounts) أو Subtotal after discounts (excludes tax and shipping)
  • رسالة المكافأة وتنسيقها
  • ألوان شريط التقدم وتصميمه
أفضل الممارسات:
  • اجمعه مع أدوات الـ upsell لمساعدة العملاء على بلوغ حدود المكافآت
  • استخدم نوع منتجات spend threshold في عروض الـ upsell للتوصية تلقائيًا بمنتجات تسد الفجوة
  • أنشئ المكافآت في Shopify باستخدام الخصومات التلقائية (لمكافآت الخصم) أو قواعد الشحن (للشحن المجاني)
  • استخدم Subtotal after discounts (excludes tax and shipping) كأساس للمبلغ عند تقديم الشحن المجاني، حتى يتطابق الشريط مع تقييم الحد الخاص بـ Shopify عند تطبيق رموز الخصم
تعرف على المزيد حول المكافآت

شارات الثقة

ابنِ الثقة باستخدام أيقونات ونصوص مخصصة لزيادة معدلات تحويل الـ checkout. خيارات التكوين:
  • تخطيط الشارات: تراص عمودي أو عرض أفقي
  • أيقونات ونصوص مخصصة لكل شارة
  • خيارات التنسيق والتباعد
أفضل الممارسات:
  • أبرز ميزات الأمان (checkout آمن، تشفير SSL)
  • اعرض الضمانات (ضمان استرداد الأموال، إرجاع مجاني)
  • اعرض مزايا الشحن (شحن مجاني، توصيل سريع)
تعرف على المزيد حول شارات الثقة

الشهادات

اعرض تقييمات العملاء مباشرة في الـ checkout لبناء الثقة. خيارات التكوين:
  • Flex Testimonials (موصى به): يسحب تلقائيًا تقييمات حقيقية من تطبيق التقييمات لديك (Judge.me أو Klaviyo أو Okendo أو Yotpo)
  • وضع الاختيار: يدوي (اختيار تقييمات محددة) أو ديناميكي (جلب التقييمات تلقائيًا بناءً على محتويات السلة)
  • نوع العرض: عرض دوّار أفقي أو تراص عمودي
  • مرشح الحد الأدنى للتقييم
متطلبات الإعداد:
  • كوّن بيانات اعتماد تطبيق التقييمات في Settings > Product Reviews
  • تتم مزامنة التقييمات تلقائيًا خلال 24 ساعة، ثم أسبوعيًا
تعرف على المزيد حول الشهادات

الملاحظات

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

الصور

حمّل صورًا مخصصة واعرضها في الـ checkout الخاص بك. خيارات التكوين:
  • تحميل الصور
  • شريط تمرير لضبط العرض
  • لا يوجد متطلب حد أدنى للحجم
تعرف على المزيد حول الصور

النص

أدرج شعارًا بنص مخصص في الـ checkout الخاص بك. خيارات التكوين:
  • Container Style:Plain Text (الافتراضي) أو Badge. لا تظهر ألوان الشعار أدناه إلا بعد اختيار Badge
  • Banner Type ‏(Badge فقط):
    • Info (Blue): خلفية زرقاء مع أيقونة معلومات
    • Success (Green): خلفية خضراء مع أيقونة علامة صح
    • Warning (Yellow): خلفية صفراء مع أيقونة مثلث تحذير
    • Critical (Red): خلفية حمراء مع أيقونة علامة تعجب
  • حجم النص في حقل Body ‏(Small أو Base) — لا يوجد تحكم في الحجم لحقل Heading
  • المحاذاة في كلا حقلي Heading وBody
  • التباعد: None أو Extra Tight أو Tight أو Base أو Loose أو Extra Loose
تعرف على المزيد حول النص

استكشاف الأخطاء وإصلاحها

الأدوات لا تظهر

إذا لم تظهر أدواتك بعد الإعداد:
  1. تحقق من تفعيل الأداة في لوحة إدارة Aftersell
  2. تأكد من إضافة كتلة التطبيق في محرر Shopify Checkout
  3. تأكد من حفظ كتلة التطبيق في محرر Shopify Checkout
  4. تحقق من اختيار الموضع الصحيح. عند إضافة كتلة تطبيق في محرر Shopify Checkout، يجب اختيار الموضع المطابق، مثل Default placement أو Additional placement 1 أو Additional placement 2. إذا اختير الموضع الخطأ، فقد لا تظهر الأداة أو قد تُعرض في الموقع الخطأ. أزل كتلة التطبيق وأعد إضافتها مع التأكد من اختيار الموضع المقصود.
  5. بالنسبة لـ Shop Pay: تحقق من تحديد “Include app block in Shop Pay”
  6. امسح ذاكرة التخزين المؤقت للمتصفح أو جرب وضع التصفح الخفي
  7. انتظر بضع دقائق حتى تنتشر التغييرات

أدوات Shop Pay لا تظهر

لعرض الأدوات في checkout الخاص بـ Shop Pay:
  1. افتح الأداة في محرر Shopify Checkout
  2. حدد خيار Include app block in Shop Pay ضمن Checkout behaviour
  3. احفظ تغييراتك
الشريط الجانبي لمحرر Shopify Checkout يعرض كتلة تطبيق Aftersell Upsell Widget ضمن Main تعرف على المزيد حول أدوات Shop Pay

الخطوات التالية