> ## 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 – Überblick

> Was der Aftersell Cart ist, für wen er gedacht ist und wie du mit dem Aufbau einer individuellen Drawer-Experience startest.

Der **Aftersell Cart** ist eine vollständig anpassbare Cart-Drawer-Experience für deinen Shopify-Shop. Er ersetzt den Standard-Warenkorb durch einen ausfahrbaren Drawer, den du Block für Block baust — mit Upsells, Rewards und Add-ons, gestylt passend zu deiner Marke, mit A/B-Tests von Varianten und erweiterbar über ein JavaScript SDK.

<div id="what-it-is">
  ## Was er ist
</div>

Wenn ein Käufer ein Produkt hinzufügt, öffnet sich der Aftersell Cart als Drawer über deinem Storefront. Du gestaltest diesen Drawer im Cart-Editor aus einer Reihe von [Blöcken](/de/aftersell/cart/blocks-overview) (die Produktliste, ein Checkout-Button, Upsells, Rewards, Banner und mehr) und stylst ihn mit globalen und blockspezifischen [Design-Einstellungen](/de/aftersell/cart/design-settings).

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

* Ein Shopify-Shop mit installierter Aftersell-App.
* Das **Aftersell Cart App-Embed**, aktiviert in deinem Theme, damit ein veröffentlichter Warenkorb in deinem Storefront gerendert wird.

<div id="key-concepts">
  ## Zentrale Konzepte
</div>

* **Warenkörbe**: Ein Warenkorb ist eine komplette Drawer-Experience. Siehe [wie Warenkörbe funktionieren](/de/aftersell/cart/how-carts-work) — und nur [einer ist gleichzeitig live](/de/aftersell/cart/having-multiple-carts).
* **Blöcke**: die Bausteine eines Warenkorbs. Siehe [wie Blöcke funktionieren](/de/aftersell/cart/blocks-overview).
* **Design-Einstellungen**: globales und blockspezifisches [Styling](/de/aftersell/cart/design-settings) plus [Custom CSS](/de/aftersell/cart/custom-css).
* **Tests**: [A/B-teste](/de/aftersell/cart/tests-overview) einen Warenkorb gegen einen anderen und lies die [Analytics](/de/aftersell/cart/test-analytics).
* **SDK**: erweitere den Warenkorb mit [JavaScript](/de/aftersell/cart/sdk-overview).

<div id="getting-started">
  ## Erste Schritte
</div>

1. [Erstelle einen Warenkorb](/de/aftersell/cart/creating-carts). Er startet mit einem funktionierenden Standard-Layout.
2. [Füge Blöcke hinzu und ordne sie an](/de/aftersell/cart/blocks-overview), um die gewünschte Experience zu bauen.
3. [Passe das Aussehen an](/de/aftersell/cart/design-settings) — mit Design-Einstellungen und bei Bedarf Custom CSS.
4. [Sieh ihn dir in der Vorschau an](/de/aftersell/cart/previewing-carts) und veröffentliche dann.
5. Optional: [teste](/de/aftersell/cart/tests-overview) Varianten und [erweitere mit dem SDK](/de/aftersell/cart/sdk-overview).

<div id="how-these-docs-are-organized">
  ## Wie diese Docs organisiert sind
</div>

* [**Warenkörbe verwalten**](/de/aftersell/cart/how-carts-work): wie Warenkörbe aufgebaut sind, und dann einen oder mehrere Warenkörbe erstellen, in der Vorschau ansehen und betreiben.
* [**Deinen Warenkorb anpassen**](/de/aftersell/cart/design-settings): Design-Einstellungen, Verhaltenseinstellungen, Custom CSS und benutzerdefinierte Scripts.
* [**Cart-Blöcke**](/de/aftersell/cart/blocks-overview): wie Blöcke funktionieren, eine Seite für jeden Block, plus benutzerdefinierte Templates und Custom Code.
* [**Cart-Tests**](/de/aftersell/cart/tests-overview): A/B-Tests einrichten und ihre Ergebnisse lesen.
* [**Analytics**](/de/aftersell/cart/analytics): wie ein veröffentlichter Warenkorb performt — Umsatz, Conversion, Impressionen und Top-Produkte.
* [**Cart SDK**](/de/aftersell/cart/sdk-overview): Events, Actions, Hooks und Use Cases, um den Warenkorb mit Code zu erweitern.