> ## 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, для кого она предназначена и как начать создавать индивидуальный опыт drawer-корзины.

**Aftersell Cart** — это полностью настраиваемый интерфейс drawer-корзины для вашего магазина Shopify. Он заменяет стандартную корзину выезжающим drawer, который вы собираете блок за блоком, добавляя upsell-предложения, вознаграждения и дополнения, стилизуя её под ваш бренд, проводя A/B-тесты вариаций и расширяя её с помощью JavaScript SDK.

<div id="what-it-is">
  ## Что это такое
</div>

Когда покупатель добавляет товар, Aftersell Cart открывается как drawer поверх вашей витрины. Вы проектируете этот drawer в редакторе корзины из набора [блоков](/ru/aftersell/cart/blocks-overview) (список товаров, кнопка оформления заказа, upsell-предложения, вознаграждения, баннеры и другое) и стилизуете его с помощью глобальных и поблочных [настроек дизайна](/ru/aftersell/cart/design-settings).

<div id="requirements">
  ## Требования
</div>

* Магазин Shopify с установленным приложением Aftersell.
* Включённый **app embed Aftersell Cart** в вашей теме, чтобы опубликованная корзина отображалась на вашей витрине.

<div id="key-concepts">
  ## Ключевые понятия
</div>

* **Корзины**: корзина — это один полный опыт drawer. См. [как работают корзины](/ru/aftersell/cart/how-carts-work), и только [одна активна одновременно](/ru/aftersell/cart/having-multiple-carts).
* **Блоки**: строительные элементы корзины. См. [как работают блоки](/ru/aftersell/cart/blocks-overview).
* **Настройки дизайна**: глобальная и поблочная [стилизация](/ru/aftersell/cart/design-settings), плюс [пользовательский CSS](/ru/aftersell/cart/custom-css).
* **Тесты**: проводите [A/B-тест](/ru/aftersell/cart/tests-overview) одной корзины против другой и изучайте [аналитику](/ru/aftersell/cart/test-analytics).
* **SDK**: расширяйте корзину с помощью [JavaScript](/ru/aftersell/cart/sdk-overview).

<div id="getting-started">
  ## Начало работы
</div>

1. [Создайте корзину](/ru/aftersell/cart/creating-carts). Она начинается с рабочего макета по умолчанию.
2. [Добавьте и расставьте блоки](/ru/aftersell/cart/blocks-overview), чтобы построить нужный вам опыт.
3. [Настройте внешний вид](/ru/aftersell/cart/design-settings) с помощью настроек дизайна и, при необходимости, пользовательского CSS.
4. [Просмотрите](/ru/aftersell/cart/previewing-carts) её, затем опубликуйте.
5. При желании [тестируйте](/ru/aftersell/cart/tests-overview) вариации и [расширяйте с помощью SDK](/ru/aftersell/cart/sdk-overview).

<div id="how-these-docs-are-organized">
  ## Как организована эта документация
</div>

* [**Управление корзинами**](/ru/aftersell/cart/how-carts-work): как устроены корзины, затем создание, предпросмотр и запуск одной или нескольких корзин.
* [**Настройка корзины**](/ru/aftersell/cart/design-settings): настройки дизайна, настройки поведения, пользовательский CSS и пользовательские скрипты.
* [**Блоки корзины**](/ru/aftersell/cart/blocks-overview): как работают блоки, страница для каждого блока, а также пользовательские шаблоны и пользовательский код.
* [**Тесты корзины**](/ru/aftersell/cart/tests-overview): настройка A/B-тестов и чтение их результатов.
* [**Аналитика**](/ru/aftersell/cart/analytics): как работает опубликованная корзина — выручка, конверсия, показы и топовые товары.
* [**Cart SDK**](/ru/aftersell/cart/sdk-overview): события, действия, хуки и сценарии использования для расширения корзины кодом.