> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# كيفية تكوين أدوات الـ checkout

> دليل كامل خطوة بخطوة لتكوين أدوات الـ checkout في Aftersell، بما في ذلك جميع أنواع الأدوات وخيارات المواضع وأفضل ممارسات التحويل للجوال وسطح المكتب

يشرح هذا الدليل كيفية تكوين أدوات الـ checkout ووضعها في Aftersell، بدءًا من تفعيل الأدوات وحتى تحسين مواضعها في Shopify Checkout لتحقيق أعلى معدلات التحويل..

**ملاحظة:** أدوات الـ checkout متاحة فقط لتجار Shopify Plus بسبب قيود واجهة برمجة تطبيقات قابلية توسيع الـ Checkout في Shopify.

***

<div id="step-1-enable-your-widget-in-aftersell">
  ## الخطوة 1: تفعيل أداتك في Aftersell
</div>

قبل إضافة الأدوات إلى الـ checkout الخاص بك، يجب تفعيلها في لوحة إدارة Aftersell.

1. انتقل إلى علامة تبويب **Checkout** في لوحة إدارة Aftersell الخاصة بك
2. حدد نوع الأداة التي تريد تكوينها ([Upsells](#upsells) أو [Cart Controls](#cart-controls) أو [Rewards](#rewards) أو [Trust Badges](#trust-badges) أو [Testimonials](#testimonials) أو [Notes](#notes) أو [Images](#images) أو [Text](#text))
3. انقر على **Create** لإنشاء أداة جديدة أو حدد أداة موجودة لتحريرها
4. كوّن إعدادات أداتك (راجع [أنواع الأدوات وتكوينها](#widget-types-and-configuration) أدناه)
5. انقر على مفتاح **Enable** في الزاوية العلوية اليمنى من إعدادات الأداة
6. بالنسبة لعروض الـ upsell المقيدة أو المتقدمة، تأكد من تفعيل المحفزات المخصصة قبل المتابعة

***

<div id="step-2-open-the-shopify-checkout-editor">
  ## الخطوة 2: فتح محرر Shopify Checkout
</div>

هناك طريقتان للوصول إلى محرر Shopify Checkout:

**الخيار 1: من لوحة إدارة Shopify**

1. انتقل إلى **Settings** في لوحة إدارة Shopify
2. انقر على **Checkout** في شريط التنقل الأيسر
3. انقر على **Customize** بجوار ملف الـ checkout المطلوب

**الخيار 2: من Aftersell**

1. انقر على زر **Open Shopify Checkout Editor** في أسفل يمين صفحة محرر Checkout في Aftersell

💡 **نصيحة:** يمنحك الخيار 1 مزيدًا من التحكم في ملف الـ checkout الذي تحرره. نوصي بالاختبار على نسخة مسودة أولًا قبل تفعيلها.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-config-admin-settings-link.gif?s=a182cd42cf41d7b53e5e5765afeb65d9" alt="الصفحة الرئيسية للوحة إدارة Shopify مع تمييز رابط Settings لفتح محرر الـ checkout" width="1844" height="1080" data-path="images/aftersell/checkout-widget-config-admin-settings-link.gif" />

***

<div id="step-3-add-the-app-block-to-your-checkout">
  ## الخطوة 3: إضافة كتلة التطبيق إلى الـ checkout الخاص بك
</div>

1. في محرر Shopify Checkout، انقر على **Add app block**
2. حدد أداة Aftersell المطلوبة من قائمة الأدوات المتاحة
3. اختر الموضع الصحيح لأداتك (راجع [المواضع المتاحة](#available-placements) أدناه)
4. إذا أردت عرض أدواتك في checkout الخاص بـ Shop Pay، فحدد خيار [**Include app block in Shop Pay**](/ar/aftersell/show_checkout_widgets_in_shop_pay)
5. انقر على **Save** في الزاوية العلوية اليمنى

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-add-app-block-button.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=f6ba0d6ab535b750f8487c408e99ef69" alt="محرر Shopify Checkout مع سهم يشير إلى زر Add block في الشريط الجانبي" width="3486" height="1964" data-path="images/aftersell/checkout-widget-install-add-app-block-button.png" />

***

<div id="step-4-position-your-widget">
  ## الخطوة 4: تحديد موضع أداتك
</div>

1. اسحب كتلة التطبيق وأفلتها في الموقع المطلوب داخل منطقة الموضع المحددة
2. انقر على **Save** في الزاوية العلوية اليمنى

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-drag-app-block.gif?s=7d17314d5e47e74b202e18baf3867e7a" alt="قائمة الكتل في محرر Shopify Checkout بجوار معاينة checkout مباشرة تعرض أدوات Aftersell" width="1916" height="1080" data-path="images/aftersell/checkout-widget-install-drag-app-block.gif" />

***

<div id="widget-types-and-configuration">
  ## أنواع الأدوات وتكوينها
</div>

<div id="placements">
  ## المواضع
</div>

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

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

<div id="available-placements">
  ### المواضع المتاحة
</div>

* **Default placement**: الموضع الأساسي. يبدأ كل نوع أداة هنا.
* **Additional placement 1**: خانة موضع ثانية لعرض أداة أخرى من النوع نفسه على الصفحة ذاتها.
* **Additional placement 2**: خانة موضع ثالثة لمزيد من الفصل.

يمكنك أيضًا إنشاء مواضع جديدة مباشرة من القائمة المنسدلة للمواضع في Aftersell عبر تحديد **+ Add new placement**.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-config-placement-dropdown.gif?s=e43a141a2b6db37cb17ed0fcb1e2f8ef" alt="محرر Checkout في Aftersell يعرض القائمة المنسدلة للمواضع فوق قائمة Upsells والمعاينة" width="1912" height="1080" data-path="images/aftersell/checkout-widget-config-placement-dropdown.gif" />

***

<div id="when-to-use-multiple-placements">
  ### متى تستخدم مواضع متعددة
</div>

استخدم مواضع متعددة عندما تريد:

* عرض أكثر من أداة من النوع نفسه على صفحة checkout واحدة
* عرض الأدوات في أقسام مختلفة من الصفحة
* استهداف جماهير مختلفة بعروض مختلفة
* تشغيل أدوات بمحفزات متشابهة أو متداخلة

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

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

***

<div id="matching-placements-in-the-shopify-checkout-editor">
  ## مطابقة المواضع في محرر Shopify Checkout
</div>

يقابل كل موضع في Aftersell كتلة تطبيق منفصلة في محرر Shopify Checkout. يجب أن يتطابق الموضع المحدد في Shopify مع الموضع المضبوط في Aftersell.

على سبيل المثال، إذا عُيّنت أداة إلى **Additional placement 1** في Aftersell، فيجب أيضًا ضبط كتلة التطبيق في Shopify على **Additional placement 1**.

إذا لم تتطابق المواضع، فقد لا تظهر الأداة أو قد تُعرض في الموقع الخطأ.

**مهم:** عدم تطابق المواضع هو أحد أكثر الأسباب شيوعًا لعدم ظهور الأداة. إذا لم تظهر أداة، فتأكد من تطابق الموضع في كل من Aftersell وShopify قبل مواصلة استكشاف الأخطاء.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-config-block-placement-dropdown.gif?s=b9fc5f328cbf3bf04a63cfbdde505cb4" alt="إعدادات كتلة Upsell Widget في محرر Shopify Checkout مع ضبط القائمة المنسدلة Placement على موضع إضافي" width="2192" height="1080" data-path="images/aftersell/checkout-widget-config-block-placement-dropdown.gif" />

***

<div id="upsells">
  ### عروض الـ Upsell
</div>

اعرض منتجات على العملاء أثناء الـ 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:** اختيار منتج ديناميكيًا باستخدام الاستهداف القائم على القواعد. يُعرض فقط في المتاجر التي فعّلت [الاستراتيجيات](/ar/aftersell/strategies_overview)

**ميزات إضافية:**

* إضافة خصومات مباشرة داخل الأداة
* تثبيت خطط الاشتراك على خيارات محددة
* عرض نجوم تقييمات المنتجات (يتطلب تطبيق تقييمات متوافقًا)
* تحديد حد أقصى لعدد العروض المقبولة لكل أداة (لنوعي Single وMulti فقط)

[تعرف على المزيد حول أدوات الـ upsell](/ar/aftersell/checkout_widget_types#upsells)

***

<div id="cart-controls">
  ### عناصر التحكم في السلة
</div>

اسمح للعملاء بتعديل سلتهم مباشرة على صفحة الـ checkout.

**عناصر التحكم المتاحة:**

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

**استهداف المنتجات:**

* التطبيق على جميع المنتجات في السلة
* التطبيق فقط على منتجات محددة
* التطبيق على جميع المنتجات باستثناء المحددة

**ميزات إضافية:**

* عرض نجوم تقييمات المنتجات للمنتجات الموجودة في السلة

[تعرف على المزيد حول عناصر التحكم في السلة](/ar/aftersell/checkout_widget_types#cart-controls)

***

<div id="rewards">
  ### المكافآت
</div>

اعرض شريط تقدم يوضح للعملاء مدى قربهم من الحصول على مكافأة.

**خيارات التكوين:**

* أساس المكافأة: **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 عند تطبيق رموز الخصم

[تعرف على المزيد حول المكافآت](/ar/aftersell/checkout_widget_types#rewards)

***

<div id="trust-badges">
  ### شارات الثقة
</div>

ابنِ الثقة باستخدام أيقونات ونصوص مخصصة لزيادة معدلات تحويل الـ checkout.

**خيارات التكوين:**

* تخطيط الشارات: تراص عمودي أو عرض أفقي
* أيقونات ونصوص مخصصة لكل شارة
* خيارات التنسيق والتباعد

**أفضل الممارسات:**

* أبرز ميزات الأمان (checkout آمن، تشفير SSL)
* اعرض الضمانات (ضمان استرداد الأموال، إرجاع مجاني)
* اعرض مزايا الشحن (شحن مجاني، توصيل سريع)

[تعرف على المزيد حول شارات الثقة](/ar/aftersell/checkout_widget_types#trust-badges)

***

<div id="testimonials">
  ### الشهادات
</div>

اعرض تقييمات العملاء مباشرة في الـ checkout لبناء الثقة.

**خيارات التكوين:**

* **Flex Testimonials (موصى به):** يسحب تلقائيًا تقييمات حقيقية من تطبيق التقييمات لديك (Judge.me أو Klaviyo أو Okendo أو Yotpo)
* وضع الاختيار: يدوي (اختيار تقييمات محددة) أو ديناميكي (جلب التقييمات تلقائيًا بناءً على محتويات السلة)
* نوع العرض: عرض دوّار أفقي أو تراص عمودي
* مرشح الحد الأدنى للتقييم

**متطلبات الإعداد:**

* كوّن بيانات اعتماد تطبيق التقييمات في Settings > Product Reviews
* تتم مزامنة التقييمات تلقائيًا خلال 24 ساعة، ثم أسبوعيًا

[تعرف على المزيد حول الشهادات](/ar/aftersell/checkout_widget_types#testimonials)

***

<div id="notes">
  ### الملاحظات
</div>

اسمح للعملاء بإضافة ملاحظات إلى طلبهم.

**خيارات التكوين:**

* الملاحظات اليدوية: حقل نص حر لإدخال العميل
* الملاحظات المكتوبة مسبقًا: خانات اختيار لخيارات مثل تغليف الهدايا أو التغليف الصديق للبيئة

[تعرف على المزيد حول الملاحظات](/ar/aftersell/checkout_widget_types#notes)

***

<div id="images">
  ### الصور
</div>

حمّل صورًا مخصصة واعرضها في الـ checkout الخاص بك.

**خيارات التكوين:**

* تحميل الصور
* شريط تمرير لضبط العرض
* لا يوجد متطلب حد أدنى للحجم

[تعرف على المزيد حول الصور](/ar/aftersell/checkout_widget_types#images)

***

<div id="text">
  ### النص
</div>

أدرج شعارًا بنص مخصص في الـ 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

[تعرف على المزيد حول النص](/ar/aftersell/checkout_widget_types#text)

***

<div id="troubleshooting">
  ## استكشاف الأخطاء وإصلاحها
</div>

<div id="widgets-not-displaying">
  ### الأدوات لا تظهر
</div>

إذا لم تظهر أدواتك بعد الإعداد:

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. انتظر بضع دقائق حتى تنتشر التغييرات

<div id="shop-pay-widgets-not-showing">
  ### أدوات Shop Pay لا تظهر
</div>

لعرض الأدوات في checkout الخاص بـ Shop Pay:

1. افتح الأداة في محرر Shopify Checkout
2. حدد خيار **Include app block in Shop Pay** ضمن Checkout behaviour
3. احفظ تغييراتك

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-config-editor-sidebar-app-block.gif?s=63de90b2b7e5807806e2390316de688d" alt="الشريط الجانبي لمحرر Shopify Checkout يعرض كتلة تطبيق Aftersell Upsell Widget ضمن Main" width="1416" height="1080" data-path="images/aftersell/checkout-widget-config-editor-sidebar-app-block.gif" />

[تعرف على المزيد حول أدوات Shop Pay](/ar/aftersell/show_checkout_widgets_in_shop_pay)

***

<div id="next-steps">
  ## الخطوات التالية
</div>

* [تعرف على محفزات الـ checkout](/ar/aftersell/checkout_triggers) لعرض الأدوات بشكل مشروط
* [أعد اختبار A/B في الـ checkout](/ar/aftersell/checkout_a_b_testing) لتحسين المواضع
* [كوّن العلامة التجارية للـ checkout](/ar/aftersell/checkout_branding_settings) لمطابقة تصميم متجرك
* [استكشف استراتيجيات upsell المتقدمة](/ar/aftersell/best_practices) لتعظيم AOV