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

> Wat de Aftersell Cart is, voor wie hij is, en hoe je begint met het bouwen van een aangepaste drawer-ervaring.

De **Aftersell Cart** is een volledig aanpasbare cart-drawer-ervaring voor je Shopify-winkel. Hij vervangt de standaardwinkelwagen door een uitschuifbare drawer die je blok voor blok opbouwt, waarbij je upsells, rewards en add-ons toevoegt, hem stylet in lijn met je merk, variaties A/B-test en hem uitbreidt met een JavaScript SDK.

<div id="what-it-is">
  ## Wat het is
</div>

Wanneer een shopper een product toevoegt, opent de Aftersell Cart als een drawer over je storefront. Je ontwerpt die drawer in de cart editor met een set [blokken](/nl/aftersell/cart/blocks-overview) (de productlijst, een checkout-knop, upsells, rewards, banners en meer) en stylet hem met globale en per-blok [design-instellingen](/nl/aftersell/cart/design-settings).

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

* Een Shopify-winkel met de Aftersell-app geïnstalleerd.
* De **Aftersell Cart app embed** ingeschakeld in je thema, zodat een gepubliceerde winkelwagen op je storefront wordt gerenderd.

<div id="key-concepts">
  ## Kernconcepten
</div>

* **Winkelwagens**: een winkelwagen is één complete drawer-ervaring. Zie [hoe winkelwagens werken](/nl/aftersell/cart/how-carts-work), en er is er maar [één tegelijk live](/nl/aftersell/cart/having-multiple-carts).
* **Blokken**: de bouwstenen van een winkelwagen. Zie [hoe blokken werken](/nl/aftersell/cart/blocks-overview).
* **Design-instellingen**: globale en per-blok [styling](/nl/aftersell/cart/design-settings), plus [aangepaste CSS](/nl/aftersell/cart/custom-css).
* **Tests**: [A/B-test](/nl/aftersell/cart/tests-overview) de ene winkelwagen tegen de andere en lees de [analytics](/nl/aftersell/cart/test-analytics).
* **SDK**: breid de winkelwagen uit met [JavaScript](/nl/aftersell/cart/sdk-overview).

<div id="getting-started">
  ## Aan de slag
</div>

1. [Maak een winkelwagen](/nl/aftersell/cart/creating-carts). Hij start vanuit een werkende standaardlay-out.
2. [Voeg blokken toe en rangschik ze](/nl/aftersell/cart/blocks-overview) om de ervaring te bouwen die je wilt.
3. [Pas het uiterlijk aan](/nl/aftersell/cart/design-settings) met design-instellingen en, indien nodig, aangepaste CSS.
4. [Preview](/nl/aftersell/cart/previewing-carts) hem en publiceer daarna.
5. Optioneel: [test](/nl/aftersell/cart/tests-overview) variaties en [breid uit met de SDK](/nl/aftersell/cart/sdk-overview).

<div id="how-these-docs-are-organized">
  ## Hoe deze docs zijn georganiseerd
</div>

* [**Winkelwagens beheren**](/nl/aftersell/cart/how-carts-work): hoe winkelwagens zijn opgebouwd, en daarna een of meer winkelwagens maken, previewen en draaien.
* [**Je winkelwagen aanpassen**](/nl/aftersell/cart/design-settings): design-instellingen, gedragsinstellingen, aangepaste CSS en aangepaste scripts.
* [**Winkelwagenblokken**](/nl/aftersell/cart/blocks-overview): hoe blokken werken, een pagina voor elk blok, plus aangepaste templates en aangepaste code.
* [**Winkelwagentests**](/nl/aftersell/cart/tests-overview): zet A/B-tests op en lees hun resultaten.
* [**Analytics**](/nl/aftersell/cart/analytics): hoe een gepubliceerde winkelwagen presteert — omzet, conversie, impressies en topproducten.
* [**Cart SDK**](/nl/aftersell/cart/sdk-overview): events, actions, hooks en use cases om de winkelwagen met code uit te breiden.