> ## 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.

# نظرة عامة على Aftersell Cart

> ما هو Aftersell Cart، ولمن هو موجَّه، وكيف تبدأ في بناء تجربة درج مخصصة.

**Aftersell Cart** هو تجربة درج سلة قابلة للتخصيص بالكامل لمتجرك على Shopify. يستبدل السلة الافتراضية بدرج منزلق تبنيه بلوكًا بلوكًا، مع إضافة عروض upsell والمكافآت والإضافات، وتنسيقه ليتوافق مع علامتك التجارية، واختبار المتغيرات عبر اختبارات A/B، وتوسيعه من خلال SDK بلغة JavaScript.

<div id="what-it-is">
  ## ما هو
</div>

عندما يضيف المتسوق منتجًا، يفتح Aftersell Cart كدرج فوق واجهة متجرك. تصمم هذا الدرج في محرر السلة من مجموعة من [البلوكات](/ar/aftersell/cart/blocks-overview) (قائمة المنتجات، وزر إتمام الشراء، وعروض upsell، والمكافآت، والبانرات، وغيرها) وتنسّقه عبر [إعدادات التصميم](/ar/aftersell/cart/design-settings) العامة والخاصة بكل بلوك.

<div id="requirements">
  ## المتطلبات
</div>

* متجر Shopify مثبَّت عليه تطبيق Aftersell.
* تفعيل **Aftersell Cart app embed** في قالبك، حتى تُعرض السلة المنشورة على واجهة متجرك.

<div id="key-concepts">
  ## المفاهيم الأساسية
</div>

* **السلال**: السلة هي تجربة درج كاملة واحدة. راجع [كيف تعمل السلال](/ar/aftersell/cart/how-carts-work)، وتكون [سلة واحدة فقط منشورة في كل مرة](/ar/aftersell/cart/having-multiple-carts).
* **البلوكات**: عناصر بناء السلة. راجع [كيف تعمل البلوكات](/ar/aftersell/cart/blocks-overview).
* **إعدادات التصميم**: [تنسيق](/ar/aftersell/cart/design-settings) عام وخاص بكل بلوك، بالإضافة إلى [CSS مخصص](/ar/aftersell/cart/custom-css).
* **الاختبارات**: [اختبر A/B](/ar/aftersell/cart/tests-overview) سلة مقابل أخرى واطلع على [التحليلات](/ar/aftersell/cart/test-analytics).
* **SDK**: وسّع السلة باستخدام [JavaScript](/ar/aftersell/cart/sdk-overview).

<div id="getting-started">
  ## البدء
</div>

1. [أنشئ سلة](/ar/aftersell/cart/creating-carts). تبدأ من تخطيط افتراضي جاهز للعمل.
2. [أضِف البلوكات ورتّبها](/ar/aftersell/cart/blocks-overview) لبناء التجربة التي تريدها.
3. [خصّص المظهر](/ar/aftersell/cart/design-settings) عبر إعدادات التصميم، وعند الحاجة، CSS مخصص.
4. [عاينها](/ar/aftersell/cart/previewing-carts)، ثم انشرها.
5. اختياريًا، [اختبر](/ar/aftersell/cart/tests-overview) المتغيرات و[وسّعها باستخدام SDK](/ar/aftersell/cart/sdk-overview).

<div id="how-these-docs-are-organized">
  ## كيف تنظَّم هذه الوثائق
</div>

* [**إدارة السلال**](/ar/aftersell/cart/how-carts-work): كيف تُبنى السلال، ثم أنشئ وعاين وشغّل سلة واحدة أو أكثر.
* [**تخصيص سلتك**](/ar/aftersell/cart/design-settings): إعدادات التصميم، وإعدادات السلوك، وCSS المخصص، والسكربتات المخصصة.
* [**بلوكات السلة**](/ar/aftersell/cart/blocks-overview): كيف تعمل البلوكات، وصفحة لكل بلوك، إضافة إلى القوالب المخصصة والكود المخصص.
* [**اختبارات السلة**](/ar/aftersell/cart/tests-overview): أعدّ اختبارات A/B واقرأ نتائجها.
* [**التحليلات**](/ar/aftersell/cart/analytics): كيف يؤدي السلة المنشورة — الإيرادات، والتحويل، ومرات الظهور، وأفضل المنتجات.
* [**Cart SDK**](/ar/aftersell/cart/sdk-overview): الأحداث والإجراءات والخطافات وحالات الاستخدام لتوسيع السلة بالكود.