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

# Visión general del Aftersell Cart

> Qué es el Aftersell Cart, para quién es y cómo empezar a construir una experiencia de drawer personalizada.

El **Aftersell Cart** es una experiencia de drawer de carrito totalmente personalizable para tu tienda Shopify. Reemplaza el carrito predeterminado con un drawer deslizante que construyes bloque a bloque, agregando upsells, recompensas y complementos, dándole estilo para que coincida con tu marca, haciendo pruebas A/B de variaciones y extendiéndolo con un SDK de JavaScript.

<div id="what-it-is">
  ## Qué es
</div>

Cuando un comprador agrega un producto, el Aftersell Cart se abre como un drawer sobre tu tienda. Diseñas ese drawer en el editor del carrito a partir de un conjunto de [bloques](/es/aftersell/cart/blocks-overview) (la lista de productos, un botón de checkout, upsells, recompensas, banners y más) y le das estilo con [configuraciones de diseño](/es/aftersell/cart/design-settings) globales y por bloque.

<div id="requirements">
  ## Requisitos
</div>

* Una tienda Shopify con la app de Aftersell instalada.
* El **app embed del Aftersell Cart** habilitado en tu tema, para que un carrito publicado se renderice en tu tienda.

<div id="key-concepts">
  ## Conceptos clave
</div>

* **Carritos**: un carrito es una experiencia de drawer completa. Consulta [cómo funcionan los carritos](/es/aftersell/cart/how-carts-work), y solo [uno está en vivo a la vez](/es/aftersell/cart/having-multiple-carts).
* **Bloques**: las piezas de construcción de un carrito. Consulta [cómo funcionan los bloques](/es/aftersell/cart/blocks-overview).
* **Configuraciones de diseño**: [estilos](/es/aftersell/cart/design-settings) globales y por bloque, más [CSS personalizado](/es/aftersell/cart/custom-css).
* **Pruebas**: haz una [prueba A/B](/es/aftersell/cart/tests-overview) de un carrito contra otro y lee las [analíticas](/es/aftersell/cart/test-analytics).
* **SDK**: extiende el carrito con [JavaScript](/es/aftersell/cart/sdk-overview).

<div id="getting-started">
  ## Primeros pasos
</div>

1. [Crea un carrito](/es/aftersell/cart/creating-carts). Comienza desde un layout predeterminado funcional.
2. [Agrega y organiza bloques](/es/aftersell/cart/blocks-overview) para construir la experiencia que quieres.
3. [Personaliza la apariencia](/es/aftersell/cart/design-settings) con las configuraciones de diseño y, si es necesario, CSS personalizado.
4. [Previsualízalo](/es/aftersell/cart/previewing-carts) y luego publícalo.
5. Opcionalmente, [prueba](/es/aftersell/cart/tests-overview) variaciones y [extiende con el SDK](/es/aftersell/cart/sdk-overview).

<div id="how-these-docs-are-organized">
  ## Cómo están organizados estos docs
</div>

* [**Gestión de carritos**](/es/aftersell/cart/how-carts-work): cómo se estructuran los carritos, y luego crea, previsualiza y ejecuta uno o más carritos.
* [**Personalizar tu carrito**](/es/aftersell/cart/design-settings): configuraciones de diseño, configuraciones de comportamiento, CSS personalizado y scripts personalizados.
* [**Bloques del carrito**](/es/aftersell/cart/blocks-overview): cómo funcionan los bloques, una página para cada bloque, más plantillas personalizadas y código personalizado.
* [**Pruebas del carrito**](/es/aftersell/cart/tests-overview): configura pruebas A/B y lee sus resultados.
* [**Analíticas**](/es/aftersell/cart/analytics): cómo está rindiendo un carrito publicado, con ingresos, conversión, impresiones y productos principales.
* [**Cart SDK**](/es/aftersell/cart/sdk-overview): eventos, acciones, hooks y casos de uso para extender el carrito con código.