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

# Visão geral do Aftersell Cart

> O que é o Aftersell Cart, para quem ele é e como começar a criar uma experiência de drawer personalizada.

O **Aftersell Cart** é uma experiência de cart drawer totalmente personalizável para a sua loja Shopify. Ele substitui o carrinho padrão por um drawer deslizante que você monta bloco por bloco, adicionando upsells, recompensas e complementos, estilizando-o para combinar com a sua marca, testando variações em A/B e estendendo-o com um SDK JavaScript.

<div id="what-it-is">
  ## O que é
</div>

Quando um comprador adiciona um produto, o Aftersell Cart abre como um drawer sobre a sua loja. Você projeta esse drawer no editor de carrinho a partir de um conjunto de [blocos](/pt/aftersell/cart/blocks-overview) (a lista de produtos, um botão de checkout, upsells, recompensas, banners e mais) e o estiliza com [configurações de design](/pt/aftersell/cart/design-settings) globais e por bloco.

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

* Uma loja Shopify com o app Aftersell instalado.
* O **app embed do Aftersell Cart** habilitado no seu tema, para que um carrinho publicado seja renderizado na sua loja.

<div id="key-concepts">
  ## Conceitos-chave
</div>

* **Carrinhos**: um carrinho é uma experiência completa de drawer. Veja [como funcionam os carrinhos](/pt/aftersell/cart/how-carts-work), e apenas [um fica ativo por vez](/pt/aftersell/cart/having-multiple-carts).
* **Blocos**: as peças de construção de um carrinho. Veja [como funcionam os blocos](/pt/aftersell/cart/blocks-overview).
* **Configurações de design**: [estilização](/pt/aftersell/cart/design-settings) global e por bloco, além de [CSS personalizado](/pt/aftersell/cart/custom-css).
* **Testes**: faça [teste A/B](/pt/aftersell/cart/tests-overview) de um carrinho contra outro e leia as [análises](/pt/aftersell/cart/test-analytics).
* **SDK**: estenda o carrinho com [JavaScript](/pt/aftersell/cart/sdk-overview).

<div id="getting-started">
  ## Primeiros passos
</div>

1. [Crie um carrinho](/pt/aftersell/cart/creating-carts). Ele começa a partir de um layout padrão funcional.
2. [Adicione e organize blocos](/pt/aftersell/cart/blocks-overview) para construir a experiência que você quer.
3. [Personalize a aparência](/pt/aftersell/cart/design-settings) com configurações de design e, se necessário, CSS personalizado.
4. [Pré-visualize](/pt/aftersell/cart/previewing-carts) e depois publique.
5. Opcionalmente, [teste](/pt/aftersell/cart/tests-overview) variações e [estenda com o SDK](/pt/aftersell/cart/sdk-overview).

<div id="how-these-docs-are-organized">
  ## Como esta documentação está organizada
</div>

* [**Gerenciando carrinhos**](/pt/aftersell/cart/how-carts-work): como os carrinhos são estruturados, depois crie, pré-visualize e execute um ou mais carrinhos.
* [**Personalizando seu carrinho**](/pt/aftersell/cart/design-settings): configurações de design, configurações de comportamento, CSS personalizado e scripts personalizados.
* [**Blocos do carrinho**](/pt/aftersell/cart/blocks-overview): como os blocos funcionam, uma página para cada bloco, além de templates personalizados e código personalizado.
* [**Testes de carrinho**](/pt/aftersell/cart/tests-overview): configure testes A/B e leia os resultados.
* [**Análises**](/pt/aftersell/cart/analytics): como um carrinho publicado está performando — receita, conversão, impressões e principais produtos.
* [**SDK do carrinho**](/pt/aftersell/cart/sdk-overview): eventos, ações, hooks e casos de uso para estender o carrinho com código.